/* Design tokens lifted from the Blackcube Core export (design/Blackcube Core.html). */

@font-face {
  font-family: "Geist";
  src: url("/assets/Geist-Regular-2785ef5b.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/Geist-Medium-e479118f.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/Geist-SemiBold-3d3a83e7.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/JetBrainsMono-Regular-310ed802.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/JetBrainsMono-SemiBold-36667725.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Surfaces */
  --bg: #0a0b0e;
  --bg-deep: #08090b;
  --bg-sidebar: #0c0d11;
  --surface: #101216;
  --surface-raised: #111318;
  --surface-hover: #141821;
  --surface-chip: #181b21;
  --surface-3: #1a1d24;

  /* Borders */
  --border-faint: #131519;
  --border: #16181e;
  --border-mid: #1c1f26;
  --border-strong: #262a33;
  --border-strong-2: #2f3a44;
  --border-input: #333844;

  /* Status / priority palette (export §1) */
  --success: #34d399;
  --warning: #f4b740;
  --danger: #f26d6d;
  --info: #6ea8fe;
  --violet: #a78bfa;
  /* Chip-text variants (readable on tinted chip backgrounds) */
  --success-chip: #4fd6a3;
  --warning-chip: #f4c66a;
  --danger-chip: #f48a8a;
  --info-chip: #8fb8ff;
  --neutral-chip: #9aa1ac;

  /* Text */
  --text: #eef0f3;
  --text-secondary: #a1a7b3;
  --text-muted: #8b909a;
  --text-dim: #6b7280;
  --text-faint: #5f6672;
  --text-ghost: #4b5563;

  /* Accent */
  --accent: #22d3ee;
  --accent-contrast: #04252b;
  --accent-soft: rgba(34, 211, 238, 0.08);
  --accent-tint: rgba(34, 211, 238, 0.14);
  --accent-border: rgba(34, 211, 238, 0.28);
  --accent-hover: #38dcf0;
  --accent-press: #0fb4cf;
  --accent-dim: #0e2a30;

  /* Status tints + borders (v2 §3.4). Filled because pages kept INVENTING these:
     79 rgba literals across 7 different alphas, plus --violet-chip hand-mixed at
     board.css:44/:214 and portal.css:139, and --danger-bg referenced but never
     defined (task_detail.css:587 — the only undefined property app-wide).
     One alpha pair throughout, matching the existing --accent-tint/-border. */
  --success-tint: rgba(52, 211, 153, 0.15);  --success-border: rgba(52, 211, 153, 0.28);
  --warning-tint: rgba(244, 183, 64, 0.15);  --warning-border: rgba(244, 183, 64, 0.28);
  --danger-tint:  rgba(242, 109, 109, 0.15); --danger-border:  rgba(242, 109, 109, 0.28);
  --info-tint:    rgba(110, 168, 254, 0.15); --info-border:    rgba(110, 168, 254, 0.28);
  --violet-tint:  rgba(167, 139, 250, 0.15); --violet-border:  rgba(167, 139, 250, 0.28);
  --neutral-tint: rgba(154, 161, 172, 0.15); --neutral-border: rgba(154, 161, 172, 0.28);
  --violet-chip:  #c4a5f5;
  --danger-bg:    var(--danger-tint);

  /* Radii */
  --radius-xs: 5px;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  /* Type */
  --font-sans: "Geist", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-2xs: 10.5px;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 12.5px;
  --text-base: 13px;
  --text-lg: 13.5px;
  --text-xl: 14px;
  --text-2xl: 15px;
  --text-heading: 16px;
  --text-title: 19px;
  --text-display: 22px;
  --text-display-lg: 26px;
  --tracking-tight: -0.01em;
  --tracking-tighter: -0.02em;
  --tracking-heading: -0.03em;
  --tracking-caps: 0.08em;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 40px;

  /* Shell */
  --sidebar-width: 236px;
  --topbar-height: 56px;

  /* Effects */
  --shadow-pop: 0 20px 50px rgba(0, 0, 0, 0.6);
  --glow-accent: 0 0 8px #22d3ee;
}