/* CC / Chromatic Rhythm. Shared visual tokens, loaded after component skins. */
/* CC TOKENS START — generated from cc-tokens.json */
:root{
 --cc-ink:#3f2c4f;
 --cc-text:#3d3444;
 --cc-muted:#6b5c73;
 --cc-paper:#fbf7ef;
 --cc-white:#fffdfa;
 --cc-lilac:#ded8ec;
 --cc-lilac-soft:#f0ebf5;
 --cc-line:#e0d9e5;
 --cc-line-strong:#b9a4c8;
 --cc-apricot:#f3b16e;
 --cc-mint:#d6e7df;
 --cc-coral:#d97562;
 --cc-focus:#895ea5;
 --cc-ink-hover:#513763;
 --cc-quiet:#674582;
 --cc-sidebar:#eee8f3;
 --cc-sidebar-hover:#e6dfee;
 --cc-subtle:#f4eff6;
 --cc-selected:#f2e8f7;
 --cc-selected-line:#a58ab7;
 --cc-accent-line:#d79c62;
 --cc-accent-strong:#c08755;
 --cc-field:#f0ebf5;
 --cc-field-hover:#eae2f1;
 --cc-field-line:#c4b2d2;
 --cc-field-readonly:#eee8f1;
 --cc-placeholder:#75647f;
 --cc-info-bg:#f0ebf5;
 --cc-info-ink:#62477e;
 --cc-positive-bg:#e4f0e9;
 --cc-positive-ink:#2d5e4c;
 --cc-warning-bg:#ffecd5;
 --cc-warning-ink:#83521e;
 --cc-risk-bg:#fce4dd;
 --cc-risk-ink:#963d30;
 --ink:var(--cc-ink);
 --text:var(--cc-text);
 --muted:var(--cc-muted);
 --paper:var(--cc-paper);
 --line:var(--cc-line);
 --sun:var(--cc-apricot);
 --yellow:var(--cc-apricot);
 --green:var(--cc-lilac-soft);
 --sage:var(--cc-mint);
 --orange:var(--cc-coral);
 --white:var(--cc-white);
 --blue-bg:var(--cc-info-bg);
 --blue-ink:var(--cc-info-ink);
 --lilac-bg:var(--cc-info-bg);
 --lilac-ink:var(--cc-info-ink);
 --mint-bg:var(--cc-positive-bg);
 --mint-ink:var(--cc-positive-ink);
 --amber-bg:var(--cc-warning-bg);
 --amber-ink:var(--cc-warning-ink);
 --coral-bg:var(--cc-risk-bg);
 --coral-ink:var(--cc-risk-ink);
 color-scheme:light;
}
/* CC TOKENS END */
body{color:var(--cc-text);background:var(--cc-paper)}h1,h2,h3,h4{color:var(--cc-ink)}
:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
.workspace-body #main:focus-visible{outline:2px solid var(--cc-focus);outline-offset:-2px}
input[type=checkbox],input[type=radio],progress{accent-color:var(--cc-ink)}
body :is(.logo,.wordmark,.mini-brand){color:var(--cc-ink);letter-spacing:-.06em}
.cc-wordmark{display:block;width:66px;height:42px;object-fit:contain;flex:none}.mini-brand .cc-wordmark{width:40px;height:25px}.footer .cc-wordmark{width:64px;height:40px}
.sidebar{background:var(--cc-sidebar);border-color:var(--cc-line);overflow-x:hidden}.sidebar .logo{padding:0 10px}.sidebar nav a,.sidebar .nav-group>summary{color:var(--cc-ink)}
.sidebar nav a:hover,.sidebar .nav-group>summary:hover{background:var(--cc-sidebar-hover)}.sidebar nav a.active,.sidebar nav [aria-current=page]{background:var(--cc-ink);color:var(--cc-paper);border-color:var(--cc-ink)}
.sidebar-foot{padding-top:18px;padding-bottom:0}
.workspace-avatar{background:var(--cc-apricot);color:var(--cc-ink)}.workspace-role-switcher,.workspace-team-switcher{background:var(--cc-lilac-soft);border-color:var(--cc-line)}
.topbar,.portal-header,.site-header{background:var(--cc-paper);border-color:var(--cc-line)}
body :is(.action,.button:not(.light)){background:var(--cc-ink);border-color:var(--cc-ink);color:var(--cc-paper);border-radius:999px;box-shadow:none}
body :is(.action:hover,.button:not(.light):hover){background:var(--cc-ink-hover);border-color:var(--cc-ink-hover)}
body :is(.secondary,.button.light){border-color:var(--cc-line);background:var(--cc-white);color:var(--cc-ink);border-radius:999px;box-shadow:none}body .secondary:hover{background:var(--cc-lilac-soft);border-color:var(--cc-line-strong)}
body .quiet{color:var(--cc-quiet)}body :is(.panel,.team-panel){background:var(--cc-white);border-color:var(--cc-line);box-shadow:none}
body :is(.tabs a.active,.role-tabs button[aria-selected=true]){color:var(--cc-ink);border-bottom-color:var(--cc-apricot)}
body :is(.pill,.badge,.context-pill,.tw-pill,.day-chip){border-radius:999px}
body :is(.pill.passed,.pill.accepted,.badge.sage,.context-pill.mint){background:var(--mint-bg);color:var(--mint-ink)}
body :is(.pill.failed,.badge.coral,.context-pill.coral){background:var(--coral-bg);color:var(--coral-ink)}
body :is(.pill.blocked,.pill.stale,.badge.amber,.context-pill.amber){background:var(--amber-bg);color:var(--amber-ink)}
body :is(.badge.lilac,.context-pill.lavender){background:var(--lilac-bg);color:var(--lilac-ink)}body .context-pill.blue{background:var(--blue-bg);color:var(--blue-ink)}
body .avatar{background:var(--cc-mint);color:var(--cc-ink)}
body :is(.callout,.context-note,.evidence-empty){background:var(--cc-lilac-soft);color:var(--cc-ink);border-color:var(--cc-line)}body .callout.warn,body .context-panel .context-note{background:var(--amber-bg);color:var(--amber-ink)}
body :is(th,.panel-head,.window-top){background:var(--cc-subtle);color:var(--cc-muted);border-color:var(--cc-line)}body :is(td,.customer-row,.eval-row,.activity li){border-color:var(--cc-line)}body :is(.customer-row:hover,.eval-row:hover){background:var(--cc-lilac-soft)}
body :is(.connection-tile,.welcome-choices label){background:var(--cc-white);color:var(--cc-ink);border-color:var(--cc-line)}body :is(.connection-tile[aria-pressed=true],.welcome-choices label:has(input:checked)){background:var(--cc-selected);border-color:var(--cc-selected-line)}
body .context-panel{background:var(--cc-white);color:var(--cc-ink);border-color:var(--cc-line);box-shadow:-8px 0 30px color-mix(in srgb, var(--cc-ink) 7.06%, transparent)}body .context-panel>header{background:var(--cc-lilac-soft);border-color:var(--cc-line)}body .context-panel header p{color:var(--cc-muted)}body .context-panel .ai-source{border-color:var(--cc-line);background:var(--cc-white)}
/* The meeting brief uses a two-column note; drawer guidance is full width. */
body .context-panel .context-note{display:block;grid-template-columns:none}
body .quick-toggle{background:var(--cc-apricot);color:var(--cc-ink);border-color:var(--cc-accent-strong);box-shadow:0 4px 15px color-mix(in srgb, var(--cc-ink) 9.41%, transparent)}body .quick-menu :is(a,button){background:var(--cc-white);color:var(--cc-ink);border-color:var(--cc-line)}body .quick-menu a:first-child{background:var(--cc-lilac-soft)}
body #toast{background:var(--cc-ink);color:var(--cc-paper)}
body .sun-loading{color:var(--cc-muted)}body .sun-loading img{width:76px;height:48px;animation:none}body .request-loading{background:var(--cc-white);border-color:var(--cc-line)}body .request-loading img{width:42px;height:28px}body .welcome-busy{background:color-mix(in srgb, var(--cc-paper) 96.08%, transparent)}
body .welcome-choices input{accent-color:var(--cc-ink)}body .trial-indicator{background:var(--cc-lilac-soft);color:var(--cc-ink);border-color:var(--cc-line)}body .trial-indicator.trial-warning{background:var(--amber-bg);color:var(--amber-ink)}body .trial-upgrade{background:var(--cc-lilac-soft)}
body .today-hero{background:transparent;border:0;padding:0}body .today-greeting h1{color:var(--cc-ink)}body .day-meeting.selected,body .day-meeting[aria-selected=true]{background:var(--cc-lilac-soft);border-left-color:var(--cc-ink)}
body .agenda-row.selected{background:var(--cc-lilac-soft);border-left-color:var(--cc-ink)}body .signal[aria-pressed=true]{outline-color:var(--cc-ink);background:var(--cc-lilac-soft);color:var(--cc-ink)}body .meeting-context-tabs button.selected{border-bottom-color:var(--cc-apricot);color:var(--cc-ink)}
body .meeting-context{border-top-color:var(--cc-apricot)}body .context-tabs>button.selected{border-bottom-color:var(--cc-apricot);color:var(--cc-ink)}
body .impl-owners{background:var(--cc-lilac-soft)}body .impl-tabs a.selected,body .tw-tabs a[aria-current=page]{border-color:var(--cc-ink);color:var(--cc-ink)}body .sidebar .nav-group[open]>summary{background:var(--cc-sidebar-hover);color:var(--cc-ink)}
body :is(.agent-card,.agent-result,.agent-history){border-color:var(--cc-line)}body .agent-header h1{letter-spacing:-1px}
/* Brand artwork stays outside the daily work area. */
.site-header .wordmark{display:block}.site-header .nav{min-height:80px}
body .hero{grid-template-columns:minmax(0,1fr);gap:34px 48px;padding-block:48px 30px}
body .hero h1{font-size:clamp(54px,6.7vw,88px);font-weight:850;letter-spacing:-.065em;line-height:1.02}body .hero h1 span{color:var(--cc-ink)}body .hero-description{max-width:650px;font-size:19px;line-height:1.55;color:var(--cc-muted)}
body .hero-art{padding:0;align-self:center}body .hero-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}body .hero-art p{display:none}body .hero .eyebrow{color:var(--cc-muted);letter-spacing:.08em;font-size:10px;margin-bottom:20px}
.cc-workflow{display:flex;align-items:center;gap:18px;margin:30px 0 0;font-size:13px;font-weight:600;color:var(--cc-ink)}.cc-workflow span{display:flex;align-items:center;gap:9px}.cc-workflow b{background:var(--cc-apricot);border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center;font-weight:650}.cc-workflow i{font-style:normal;color:var(--cc-muted)}
.cc-hero-preview{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:20px 24px;border:1px solid var(--cc-line);border-radius:18px;background:var(--cc-white);font-size:14px}.cc-hero-preview img{object-fit:contain;flex:none}.cc-hero-preview strong,.cc-hero-preview small{display:block}.cc-hero-preview small{font-size:11px;color:var(--cc-muted);margin-top:3px}.cc-hero-preview>span{color:var(--cc-muted);border-left:1px solid var(--cc-line);padding-left:22px}.cc-hero-preview>a{margin-left:auto;font-size:12px;white-space:nowrap}
body .product-nav{background:var(--cc-sidebar);border-color:var(--cc-line)}body .product-nav .selected{background:var(--cc-ink);color:var(--cc-paper)}body .product-window{background:var(--cc-white);border-color:var(--cc-line);box-shadow:0 12px 32px color-mix(in srgb, var(--cc-ink) 1.96%, transparent)}body .context-flow article{border-color:var(--cc-line);background:var(--cc-white)}
body .teams-section{background:var(--cc-lilac-soft)}body .role-tabs button[aria-selected=true]{background:var(--cc-lilac)}body .demo-section{background:var(--cc-ink);color:var(--cc-paper)}body .demo-section :is(h2,p){color:inherit}body .demo-section .demo-layout p:not(.eyebrow){color:var(--cc-lilac)}body .demo-section .button.light{background:var(--cc-apricot);border-color:var(--cc-apricot);color:var(--cc-ink)}body .demo-layout img{object-fit:contain;max-height:240px;opacity:.9}
@media(prefers-reduced-motion:reduce){body .sun-loading img{animation:none}}
@media(max-width:900px){body .hero{grid-template-columns:minmax(0,1fr);gap:24px}body .hero h1{font-size:62px}.cc-workflow{gap:12px}}
@media(max-width:760px){body .hero{grid-template-columns:1fr;padding-block:36px 32px;gap:0}body .hero h1{font-size:clamp(48px,11vw,65px)}body .hero-description{font-size:17px}body .hero-art{display:none}.cc-workflow{gap:12px;flex-wrap:wrap;font-size:12px;margin-top:25px}.cc-wordmark{width:58px;height:36px}.site-header .nav{min-height:72px}}
@media print{body{background:var(--cc-white)}}
:root body :is(input,textarea,select)[aria-invalid=true],:root body :is(input,textarea,select):user-invalid{border-color:var(--cc-line-strong);background-color:var(--cc-lilac-soft)!important}
@media(max-width:600px){.cc-hero-preview{padding:16px;gap:12px;flex-wrap:wrap;font-size:13px}.cc-hero-preview>span{border-left:0;padding:0;flex-basis:100%;font-size:12px}.cc-hero-preview>a{margin-left:0}.cc-hero-preview img{width:38px;height:24px}}

/* Operational headings need no reserved subtitle space. */
:is(.page-heading,.agent-header,.day-header,.tw-heading,.setup-top) h1:only-child{margin-bottom:0}

@media(max-width:760px){body .hero .cc-hero-preview{margin-top:24px}}

body .hero-copy{max-width:900px}body .demo-layout{grid-template-columns:minmax(0,1fr)}