@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=block");
/* Curator kit v3 · Layer 1 Foundations.
   The ONLY file in kit-v3 that may contain raw color values. Mirrors frontend/app/globals.css (light mode).
   kit.css and kit.js reference these variables only. Scoped to .ck so boards never leak into the host. */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:block;src:url("assets/inter-tight-latin.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:block;src:url("assets/inter-latin.woff2") format("woff2")}

.ck{
  /* ---- surfaces (globals.css --color-*) ---- */
  --ck-bg:#F3F3F4;            /* --color-background: app canvas */
  --ck-raised:#FAFAFA;        /* --color-surface-raised */
  --ck-card:#FFFFFF;          /* --color-card */
  --ck-sunken:#F8F8F8;        /* --color-surface-sunken */
  --ck-tint:#F2F7FF;          /* --color-surface-tab / primary-soft */
  --ck-tint-line:#D6E9FB;
  --ck-hover:#E4E4E4;         /* --color-surface-hover */
  --ck-hover-soft:#EEEEEE;
  --ck-seg-track:#EDEDEE;
  --ck-data-head:#F9FAFB;     /* --color-surface-data-head */
  --ck-muted:#F3F3F4;         /* --color-muted */
  --ck-fill:#E1E1E1;
  --ck-highlight:#FFFBEB;
  --ck-on-dark:#FFFFFF;
  --ck-on-dark-2:#FFFFFFB3;
  --ck-dark-surface:#151515;
  --ck-dark-surface-2:#262626;
  --ck-scrim:#0F172A52;

  /* ---- ink ---- */
  --ck-ink-strong:#070707;    /* wordmark */
  --ck-ink:#151515;
  --ck-ink-icon:#1E1E1E;
  --ck-ink-nav:#242424;
  --ck-ink-2:#454545;         /* secondary */
  --ck-ink-3:#656565;         /* tertiary, meta */
  --ck-ink-4:#7F7F7F;
  --ck-ink-ph:#8A8A8A;
  --ck-ink-mono:#777777;
  --ck-ink-dots:#9A9A9A;

  /* ---- lines ---- */
  --ck-border:#EAEAEA;
  --ck-border-soft:#ECECEC;
  --ck-border-strong:#CBCBCB;
  --ck-border-control:#DADADA;
  --ck-divider:#DDDDDD;
  --ck-divider-data:#F3F4F6;
  --ck-faint:#EEEEEE;
  --ck-away:#C9C9C9;

  /* ---- brand + accent ---- */
  --ck-blue:#009DFF;          /* --color-accent-blue, ring */
  --ck-blue-deep:#015C99;     /* --color-primary-deep, text on tint */
  --ck-blue-ink:#005BA9;
  --ck-blue-soft:#4A7FAE;
  --ck-blue-light:#8FC3F7;    /* --color-primary-light */
  --ck-blue-hi:#BFE5FB;       /* --color-brand-highlight */
  --ck-ring:#009DFF1F;
  --ck-grad-cta:radial-gradient(ellipse 114.65% 114.65% at 9.73% 17.27% in oklab,oklab(79.2% -0.032 -0.058) 0%,oklab(65.6% -0.062 -0.179) 100%);
  --ck-grad-app:radial-gradient(900px 420px at 18% -80px,#009DFF21,transparent 70%),radial-gradient(760px 420px at 86% -60px,#8B5CF61A,transparent 70%),radial-gradient(700px 360px at 55% 260px,#005BA90D,transparent 70%),linear-gradient(180deg,#F6F9FF 0,#FFFFFF 640px);
  --ck-grad-brand:linear-gradient(160deg,#EAF5FF 0%,#F6F9FF 45%,#F3EEFF 100%);

  /* ---- status (one set, used by Pill, StatusOrb, Note, Banner) ---- */
  --ck-live:#3ABD6F;          /* --color-status-live */
  --ck-live-glow:#3ABD6F55;
  --ck-good:#15803D;          /* --color-status-good */
  --ck-good-bg:#EAF7F0;
  --ck-warn:#A16207;          /* --color-status-warn */
  --ck-warn-bg:#FEF6E7;
  --ck-bad:#AC453A;           /* --color-status-bad */
  --ck-bad-bg:#FDEDEC;
  --ck-danger:#EE2E24;        /* --color-destructive, unread count */
  --ck-call-live:#12833F;

  /* ---- third-party brand surfaces (agent panes) ---- */
  --ck-codex:#0D0D0D;
  --ck-clay:#D97757;
  --ck-clay-bg:#FAF9F5;
  --ck-clay-line:#E8E2D6;
  --ck-diff-add:#E6F6EC;
  --ck-diff-del:#FCEBEA;

  /* ---- charts (visx look; --color-chart-*) ---- */
  --ck-chart-1:#009DFF;
  --ck-chart-2:#10B981;
  --ck-chart-3:#8B5CF6;
  --ck-chart-4:#777777;
  --ck-chart-3p:#F59E0B;
  --ck-chart-grid:#EEEEEE;
  --ck-chart-area:#009DFF1F;
  --ck-chart-area-0:#009DFF00;

  /* ---- multiplayer cursor palette ---- */
  --ck-cur-1:#009DFF; --ck-cur-2:#E5484D; --ck-cur-3:#12A150; --ck-cur-4:#8B5CF6; --ck-cur-5:#F59E0B; --ck-cur-6:#D946EF;

  /* ---- Home (round-2) surfaces ---- */
  --ck-ink-5:#6B6B6B; --ck-ink-6:#545454; --ck-hline:#F4F4F5; --ck-head-soft:#FCFCFD; --ck-live-ring:#10B98126;
  --ck-rose:#F43F5E; --ck-rose-bg:#FFEFF1; --ck-rose-ink:#7A0F22; --ck-rose-ring:#F43F5E26;
  --ck-meet-bg:#EAF3FF; --ck-meet-ink:#023F75; --ck-meet-line:#2F7FD6; --ck-meet-soft:#4A6C92;
  --ck-focus-a:#F6F6F7; --ck-focus-b:#EFEFF1; --ck-focus-line:#9A9AA2;
  --ck-run-bg:#EEF2FF; --ck-run:#4338CA; --ck-run-line:#C7D2FE; --ck-run-soft:#F7F8FF; --ck-progress:#6366F1;
  --ck-wait-bg:#FFF6E5; --ck-wait:#9A5B00;
  --ck-shadow-composer:0 1px 2px #0F172A0A,0 8px 28px -12px #005BA92E; --ck-qa-bg:#FFFFFFD9; --ck-qa-shadow:0 1px 2px #00000008;
  --ck-tab-track:#F3F3F4E6; --ck-tab-shadow:0 1px 3px #00000014;
  --ck-sh-bar:#F8F9FA; --ck-sh-line:#E3E3E3; --ck-sh-hd:#80868B; --ck-sh-fx:#188038; --ck-sh-sel:#E8F0FE; --ck-sh-selline:#1A73E8; --ck-sh-th:#F1F8F4; --ck-sh-neg:#C5221F; --ck-sh-ink:#333333; --ck-sh-ink2:#666666;
  --ck-fg-canvas:#E9E9EC; --ck-fg-path:#8A8A8F; --ck-fg-hero:linear-gradient(120deg,#F6D6B8,#E9A37A 55%,#B85C3C); --ck-fg-ink:#3A1A0C; --ck-fg-nav:#222222; --ck-fg-navline:#BBBBBB;
  --ck-fg-t1:#F1E6DC; --ck-fg-t2:#E4ECEF; --ck-fg-t3:#EFE4EC; --ck-fg-t4:#E8EFE2; --ck-fg-sel:#0D99FF; --ck-fg-glass:#FFFFFF59; --ck-fg-shadow:0 1px 3px #0000001A;
  --ck-nt-ink:#37352F; --ck-nt-2:#4A4843; --ck-nt-3:#9B9A97; --ck-nt-tag:#FBECDD;
  --ck-chart-pv:#3B82F6; --ck-pv-grid:#EEF0F3;
  --ck-rec-bg:#0F1115; --ck-rec-ink:#F4F4F5; --ck-rec-2:#A1A1AA; --ck-rec-3:#D4D4D8; --ck-rec-4:#8B8B94; --ck-rec-red:#FF4D63; --ck-rec-redring:#FF4D6338; --ck-rec-wave:#6EA8FF; --ck-rec-glass:#FFFFFF14; --ck-rec-line:#FFFFFF12; --ck-rec-link:#8CC4FF; --ck-rec-pillshadow:0 8px 24px -8px #00000066; --ck-rec-shadow:0 24px 60px -16px #00000073,0 0 0 1px #FFFFFF0F;

  /* ---- auth showcase ---- */
  --ck-show-bg:radial-gradient(520px 380px at 62% 60%,#009DFF2E,transparent 70%),radial-gradient(420px 340px at 8% 12%,#8B5CF61F,transparent 70%),radial-gradient(360px 300px at 100% 100%,#00B2FF1F,transparent 70%),linear-gradient(165deg,#F5F9FF 0%,#EDF4FF 48%,#F4F0FF 100%);
  --ck-show-dot:#005BA91A; --ck-mask:#000000; --ck-show-line:#7FB8F0; --ck-show-card:#FFFFFFEB; --ck-show-edge:#FFFFFF; --ck-show-shadow:0 1px 2px #0F172A0F,0 12px 32px -14px #005BA94D;
  --ck-show-glow:radial-gradient(closest-side,#BFE5FBB3,#BFE5FB00); --ck-serif:"Instrument Serif",Georgia,serif;

  /* ---- dark brand surface (auth showcase) ---- */
  --ck-night:#0A0F1A; --ck-night-ink:#FFFFFF; --ck-night-ink-2:#FFFFFFBF; --ck-night-ink-3:#FFFFFF85; --ck-night-line:#FFFFFF1F; --ck-night-ring:#FFFFFF2E; --ck-night-glass:#FFFFFF12;
  --ck-night-bg:radial-gradient(560px 460px at 42% 32%,#009DFF38,transparent 70%),radial-gradient(520px 420px at 100% 100%,#8B5CF62E,transparent 70%),linear-gradient(160deg,#0D1526 0%,#0A0F1A 55%,#070707 100%);
  --ck-night-veil:linear-gradient(180deg,#0A0F1AB3 0%,#0A0F1AD9 45%,#0A0F1AF7 78%,#0A0F1A 100%);
  --ck-night-link:#5FB4FF8C; --ck-mark-glow:0 0 0 1px #FFFFFF33,0 0 44px 10px #009DFF73,0 0 130px 40px #009DFF38;

  /* ---- type ---- */
  --ck-font:"Inter Tight",system-ui,-apple-system,sans-serif;
  --ck-data:"Inter",system-ui,sans-serif;
  --ck-mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,Consolas,monospace;
  --ck-t-hero:600 34px/1.1 var(--ck-font);
  --ck-t-display:600 28px/1.15 var(--ck-font);
  --ck-t-h1:600 22px/1.2 var(--ck-font);
  --ck-t-h2:600 16px/1.3 var(--ck-font);
  --ck-t-h3:600 14px/1.3 var(--ck-font);
  --ck-t-body:450 13.5px/1.5 var(--ck-font);
  --ck-t-ui:525 13px/1.25 var(--ck-font);
  --ck-t-small:475 12px/1.4 var(--ck-font);
  --ck-t-meta:475 11px/1.3 var(--ck-font);
  --ck-t-label:575 10.5px/1.2 var(--ck-font);
  --ck-t-num:600 24px/1.1 var(--ck-data);
  --ck-t-code:450 12px/1.55 var(--ck-mono);

  /* ---- spacing (4px grid) ---- */
  --ck-s1:4px;--ck-s2:8px;--ck-s3:12px;--ck-s4:16px;--ck-s5:20px;--ck-s6:24px;--ck-s8:32px;--ck-s10:40px;

  /* ---- radii ---- */
  --ck-r-xs:4px;--ck-r-sm:6px;--ck-r-md:8px;--ck-r-lg:10px;--ck-r-xl:12px;--ck-r-2xl:16px;--ck-r-full:9999px;

  /* ---- shadows ---- */
  --ck-shadow-card:0 1px 4px #0000000F;
  --ck-shadow-seg:0 1px 2px #0000001A;
  --ck-shadow-pop:0 8px 28px #0000001F,0 0 0 1px #0000000D;
  --ck-shadow-dialog:0 24px 64px #0000002E,0 0 0 1px #0000000D;
  --ck-shadow-live:0 0 8px 1px #3ABD6F40;
  --ck-shadow-inset:inset 0 1px 0 #FFFFFF59,0 1px 2px #005BA933;
  --ck-shadow-edge:0 0 0 1.5px var(--ck-card);

  font:450 13px/1.45 var(--ck-font);color:var(--ck-ink);-webkit-font-smoothing:antialiased;
}
/* v3.8 kit A */
:root{
  /* canvas overlay offsets: every overlay puts its tip or edge exactly on its target */
  --ck-ov-tip:-3px;          /* pointer glyph tip = 4/24 of the 18px cursor glyph */
  --ck-ov-tip-agent:-3.33px; /* 4/24 of the 20px agent glyph */
  --ck-ov-tag-x:12px; --ck-ov-tag-y:14px; /* name tag and caption offset from the tip */
  --ck-ov-ring:2px; --ck-ov-halo:6px;     /* target outline + halo */
  --ck-ov-gap:8px;                         /* hover card gap from its target edge */
  --ck-ov-pin:30px;                        /* comment pin height; its point sits on the coordinate */
  --ck-ov-caret:10px;
  /* teammate role tints, sampled from refs/app-team-overview.probe.json (Avery purple, Dexter blue) */
  --ck-role-purple:#7C5CD6; --ck-role-purple-tint:#EEEAFA; --ck-role-purple-mid:#F8F7FD; --ck-role-purple-strong:#E5DEF7; --ck-role-purple-soft:#F7F5FC;
  --ck-role-blue:#2F8FD6; --ck-role-blue-tint:#E4F0FA; --ck-role-blue-mid:#F5F9FD; --ck-role-blue-strong:#D5E9F7; --ck-role-blue-soft:#F2F8FD;
  --ck-night-veil-lite:linear-gradient(180deg,#0A0F1A59 0%,#0A0F1A73 38%,#0A0F1AC7 68%,#0A0F1AF2 100%);
}
:root{
  /* v3.8 more role tints: Marcus violet card tint from the probe; Nina green and Theo sky strips sampled from refs/app-team-overview.png pixels, role colors solved from the 16% grid lines */
  --ck-role-violet:#8456D0; --ck-role-violet-tint:#ECE3FA; --ck-role-violet-mid:#F8F4FD; --ck-role-violet-strong:#E1D6F4; --ck-role-violet-soft:#F6F2FC;
  --ck-role-green:#168848; --ck-role-green-tint:#E3F1E7; --ck-role-green-mid:#F4F9F5; --ck-role-green-strong:#D7E9DD; --ck-role-green-soft:#F2F8F4;
  --ck-role-sky:#3C8FC8; --ck-role-sky-tint:#E4F0F9; --ck-role-sky-mid:#F5F9FD; --ck-role-sky-strong:#DAEAF7; --ck-role-sky-soft:#F2F8FD;
}
:root{
  /* v3.8 accents from teammate-templates/<id>/template.yaml identity.accentColor: merchandising amber #b26a3c, finance-ops green #168848 (tint steps derived like the probe's purple/blue) */
  --ck-role-amber:#B26A3C; --ck-role-amber-tint:#F6ECE4; --ck-role-amber-mid:#FBF7F3; --ck-role-amber-strong:#F0E0D3; --ck-role-amber-soft:#FAF4EF;
}