/* Tesrune design tokens. Light system adapted from the ClickUp reference.
   One source of truth. Roles are fixed: black is CTA and display text only,
   amber is the brand and dark-hours signal only, green/red are P&L only. */

:root {
  /* Surfaces */
  --canvas: #ffffff;
  --surface: #f8f9fa;
  --band: #e9ebf0;
  --ink-panel: #111111;

  /* Text */
  --text: #202020;
  --text-2: #646464;
  --text-3: #6a6a6a;
  --display: #2c2c31;
  --on-ink: #ffffff;

  /* Borders */
  --border: #e8e8e8;
  --border-strong: #d4d4d4;
  --hairline: #eeeeee;

  /* Action. Primary is warm amber, ink text. Black is kept for the dense desk. */
  --cta: #F5B942;
  --cta-text: #1c1200;
  --cta-hover: #E8A92E;
  --secondary: #ffffff;
  --secondary-text: #202020;
  --ink-btn: #202020;
  --ink-btn-text: #ffffff;

  /* Accent and signals */
  --accent: #F5B942;        /* brand + dark-hours only */
  --interactive: #0091ff;   /* links and checks only */
  --pnl-up: #00a06a;        /* P&L positive */
  --pnl-down: #C81E1E;      /* P&L negative, accessible on white */

  /* Window state pills. Tints for lighter chrome, solid amber only for DARK. */
  --dark-fill: #F5B942;
  --dark-text: #1c1200;
  --open-fill: #f1f2f4;
  --open-text: #646464;
  --prebell-fill: #E6F1FF;
  --prebell-text: #0B69C7;

  /* Replay band */
  --replay-fill: #FDECEC;
  --replay-text: #B42318;
  --replay-border: #F3C0C0;

  /* Type families */
  --font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Sometype Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Type scale */
  --text-meta: 10px;        /* mono uppercase labels */
  --text-body-sm: 14px;
  --text-body-md: 16px;
  --text-body-lg: 18px;
  --text-sub: 20px;
  --text-h-sm: 34px;
  --text-h: 48px;
  --text-h-lg: 60px;
  --text-display-xl: 76px;

  /* Weights */
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-display: 650;
  --w-bold: 700;
  --w-extrabold: 800;

  /* Tracking */
  --track-display: -0.04em;
  --track-h: -0.035em;
  --track-meta: 0.08em;

  /* Spacing (4px base) */
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-28: 28px;
  --s-32: 32px;
  --s-40: 40px;
  --s-48: 48px;
  --s-56: 56px;
  --s-72: 72px;
  --s-80: 80px;
  --s-100: 100px;

  /* Radius */
  --r-input: 9px;
  --r-card: 12px;
  --r-image: 16px;
  --r-large: 20px;
  --r-pill: 9999px;

  /* Elevation. Flat by default. One shadow, reserved for the desk screenshot. */
  --shadow-screenshot: rgba(13, 21, 48, 0.10) 0px 24px 60px -20px, rgba(13, 21, 48, 0.06) 0px 8px 20px -8px;

  /* Layout */
  --container: 1200px;
  --gutter: 32px;
  --section-gap: 88px;
}