/* Buyback — design tokens (from the cube design system, project 39361c).
 * Dark operations-room palette, hot-orange accent, Chakra/Plex/JetBrains type. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Surfaces */
  --cube-bg-0: #0e0e0e; --cube-bg-1: #141414; --cube-bg-2: #1a1a1a;
  --cube-surface: #1e1e1e; --cube-card: #2a2a2a; --cube-card-hover: #323232;
  --cube-elevated: #363636;
  /* Lines */
  --cube-line: #2a2a2a; --cube-border: #3a3a3a; --cube-line-2: #4a4a4a;
  /* Ink */
  --cube-ink-0: #f4f1ec; --cube-ink-1: #e8e8e8; --cube-ink-2: #999999; --cube-ink-3: #6a6660;
  /* Accent */
  --cube-accent: #ff8c00; --cube-accent-hover: #ff7700; --cube-accent-hot: #ffae3d;
  --cube-accent-2: #ffa500; --cube-accent-deep: #cc6f00; --cube-accent-ink: #1a0e00;
  --cube-accent-soft: rgba(255,140,0,.10); --cube-accent-line: rgba(255,140,0,.30);
  --cube-accent-glow: rgba(255,140,0,.18);
  /* Status */
  --cube-success: #2ecc71; --cube-success-soft: rgba(46,204,113,.18);
  --cube-warning: #f39c12; --cube-warning-soft: rgba(243,156,18,.18);
  --cube-danger: #e74c3c; --cube-danger-soft: rgba(231,76,54,.18);
  --cube-info: #29b6f6; --cube-info-soft: rgba(41,182,246,.18);
  --cube-discord: #5865f2;
  /* Semantic aliases */
  --text-heading: var(--cube-ink-0); --text-body: var(--cube-ink-1);
  --text-muted: var(--cube-ink-2); --text-faint: var(--cube-ink-3);

  /* Type */
  --font-display: 'Chakra Petch','Helvetica Neue',sans-serif;
  --font-body: 'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* Effects */
  --radius-xs: 3px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px;
  --shadow-md: 0 2px 4px 0 rgba(0,0,0,.5); --shadow-xl: 0 8px 16px 0 rgba(0,0,0,.7);
  --focus-ring: 0 0 0 3px rgba(255,140,0,.2);
  --grad-card-header: linear-gradient(135deg, var(--cube-bg-1) 0%, var(--cube-card) 100%);

  /* Layout chrome */
  --navbar-height: 50px; --sidebar-width: 194px; --content-max: 1240px;
}
