/* ============================================================================
   1bot · "Deep Field" design tokens
   Dark-first. Near-black, blue-tinted canvas (Raycast/Linear); depth from surface
   steps, not shadows; text never pure white; one brand colour (the orb) that only
   appears where the AI is present; glass only on the navigation layer (Apple).
   ========================================================================== */
:root {
  color-scheme: dark;

  /* ---- canvas & elevation (step up, don't shadow) ---- */
  --bg-0: #060709;            /* window behind everything */
  --bg-1: #0A0B0E;            /* sidebar (dimmer than content) */
  --bg-2: #0D0E12;            /* content canvas */
  --e-1: #121318;             /* card */
  --e-2: #17191F;             /* raised card / hover */
  --e-3: #1E2028;             /* popover / selected */
  --e-4: #262934;             /* pressed / strongest */

  --line-1: rgba(255, 255, 255, 0.055);   /* hairline */
  --line-2: rgba(255, 255, 255, 0.09);    /* card edge */
  --line-3: rgba(255, 255, 255, 0.14);    /* focus-adjacent / strong */
  --rim: rgba(255, 255, 255, 0.07);       /* top specular rim on raised surfaces */

  /* ---- text (never #fff) ---- */
  --t-1: #F3F4F7;
  --t-2: #C6CAD3;
  --t-3: #868C98;
  --t-4: #565B66;
  --t-5: #3A3E47;

  /* ---- brand: the orb (indigo → violet, cyan + pink light) ---- */
  --orb-a: #6366F1;
  --orb-b: #A855F7;
  --orb-c: #22D3EE;
  --orb-d: #EC4899;
  --orb-e: #FFB547;
  --accent: #8B83FF;          /* interactive accent (links, focus, selected) */
  --accent-2: #B3ADFF;        /* accent text on dark */
  --accent-bg: rgba(139, 131, 255, 0.12);
  --accent-line: rgba(139, 131, 255, 0.34);
  --ai-sweep: conic-gradient(from var(--ai-angle, 0deg), #6366F1, #22D3EE, #A855F7, #EC4899, #FFB547, #6366F1);

  /* ---- meaning (colour only for meaning) ---- */
  --red: #FF6166;      --red-bg: rgba(255, 97, 102, 0.12);   --red-line: rgba(255, 97, 102, 0.32);
  --amber: #F5B33F;    --amber-bg: rgba(245, 179, 63, 0.12); --amber-line: rgba(245, 179, 63, 0.30);
  --green: #3DD68C;    --green-bg: rgba(61, 214, 140, 0.11); --green-line: rgba(61, 214, 140, 0.30);
  --blue: #5AA9FF;     --blue-bg: rgba(90, 169, 255, 0.12);
  --red-tx: #FF8A8E;   --amber-tx: #F8C66B;   --green-tx: #6BE3A9;   /* status text on tinted chips */
  --ink: #0A0B0E;      --paper: #EEF0F4;                            /* primary button: paper fill, ink text */

  /* ---- organisations (small marks only: monograms, timeline pins) ---- */
  --org-atlas: #E9B44C;
  --org-northwind: #2FD0B0;
  --org-harbor: #6C93FF;
  --org-life: #F17DA6;

  /* ---- type ---- */
  --f-ui: "Inter", "PingFang SC", "Hiragino Sans GB", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --f-display: "Geist", "Inter", "PingFang SC", -apple-system, system-ui, sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ff-ui: "cv01", "ss03", "cv11", "tnum" 0;

  --fs-10: 10px;   /* mono micro */
  --fs-11: 11px;   /* eyebrow (mono, uppercase) */
  --fs-12: 12px;   /* meta */
  --fs-13: 13px;   /* UI text */
  --fs-14: 14px;   /* reading body (chat) */
  --fs-15: 15px;
  --fs-17: 17px;   /* card title */
  --fs-20: 20px;   /* section title */
  --fs-26: 26px;   /* page title */
  --fs-34: 34px;
  --fs-44: 44px;   /* display */

  --w-reg: 420;
  --w-ui: 500;
  --w-med: 560;
  --w-semi: 620;

  /* ---- space (4-pt) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;

  /* ---- radii (concentric: inner = outer − inset) ---- */
  --r-chip: 6px;
  --r-ctl: 8px;
  --r-card: 12px;
  --r-panel: 16px;
  --r-sheet: 20px;
  --r-pill: 999px;

  /* ---- glass (navigation layer only) ---- */
  --glass-bg: rgba(16, 17, 22, 0.62);
  --glass-bg-strong: rgba(20, 21, 27, 0.82);
  --glass-blur: blur(22px) saturate(170%);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
  --lift: 0 1px 0 rgba(0, 0, 0, 0.4), 0 18px 48px -12px rgba(0, 0, 0, 0.7);
  --lift-sm: 0 1px 0 rgba(0, 0, 0, 0.35), 0 8px 24px -8px rgba(0, 0, 0, 0.6);

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);        /* default: settle fast, land soft */
  --ease-std: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-enter: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);  /* tiny overshoot, presses & pops */
  --d-1: 100ms;  /* hover, press */
  --d-2: 160ms;  /* small state */
  --d-3: 260ms;  /* panels, popovers */
  --d-4: 420ms;  /* screen enter */
  --d-5: 640ms;  /* signature reveals */
}

@property --ai-angle { syntax: "<angle>"; inherits: true; initial-value: 0deg; }

@media (prefers-reduced-motion: reduce) {
  :root { --d-1: 1ms; --d-2: 1ms; --d-3: 1ms; --d-4: 1ms; --d-5: 1ms; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --glass-bg: var(--e-1); --glass-bg-strong: var(--e-2); --glass-blur: none; }
}