/* MyHub — design tokens (from docs/design/tokens.css). Light is default; [data-theme] forces a theme; "system" follows the OS.
   Do not edit values here without updating docs/design/tokens.css and tokens.json. */
/* 9.46: linked on its own (in parallel with the others), so the cascade order and this file's layer are set here. */
@layer tokens, base, layout, components, utilities;
@layer tokens {
:root, [data-theme="light"] {
  color-scheme: light;
  /* neutrals (from the Paramount base) */
  --as-canvas:#F3F4F7; --as-surface:#FFFFFF; --as-surface-2:#F7F8FA; --as-surface-3:#EDEFF3;
  --as-ink:#151A22; --as-ink-2:#3F4653; --as-ink-3:#606773; --as-ink-4:#6B6F78;
  --as-border:#E4E7EC; --as-border-2:#D3D8E0;
  /* brand */
  --as-brand:#B01D22; --as-brand-700:#7C1216; --as-brand-tint:#FBEBEC; --as-on-brand:#FFFFFF; --as-on-badge:#FFFFFF;
  /* semantic */
  --as-pos:#0E7A54; --as-pos-bg:#E3F4EC;
  --as-warn:#8F5E00; --as-warn-bg:#FBEFD5; --as-warn-border:#EAD9B0;
  --as-crit:#C02A21; --as-crit-bg:#FBE6E3;
  /* context accents */
  --as-work:#2F5BB7; --as-work-tint:#E8EEFA;
  --as-personal:#0F7C78; --as-personal-tint:#E1F3F1;
  /* proposed / ghost */
  --as-ghost-border:#A9B0BC; --as-ghost-bg:rgba(247,248,250,.7);
  /* calendar & area palette (12) — fg for text/bar, bg for block fill */
  --cal-1:#2F5BB7; --cal-1-bg:#E8EEFA;   /* cobalt */
  --cal-2:#0F7C78; --cal-2-bg:#E1F3F1;   /* teal */
  --cal-3:#B01D22; --cal-3-bg:#FBEBEC;   /* crimson */
  --cal-4:#8F5E00; --cal-4-bg:#FBEFD5;   /* ochre */
  --cal-5:#0E7A54; --cal-5-bg:#E3F4EC;   /* green */
  --cal-6:#6A3FB5; --cal-6-bg:#EFE9FA;   /* violet */
  --cal-7:#B0346E; --cal-7-bg:#FAE8F0;   /* magenta */
  --cal-8:#A24A12; --cal-8-bg:#FBEBDF;   /* rust */
  --cal-9:#1F6E99; --cal-9-bg:#E3F0F7;   /* ocean */
  --cal-10:#56731A; --cal-10-bg:#EEF4E0; /* olive */
  --cal-11:#4A5568; --cal-11-bg:#ECEEF2; /* slate */
  --cal-12:#8A3F8F; --cal-12-bg:#F5E8F5; /* plum */
  /* elevation */
  --as-shadow-sm:0 1px 3px rgba(20,26,34,.07),0 1px 2px rgba(20,26,34,.04);
  --as-shadow-md:0 6px 16px rgba(20,26,34,.08),0 2px 4px rgba(20,26,34,.05);
  --as-shadow-lg:0 18px 40px rgba(20,26,34,.16),0 4px 10px rgba(20,26,34,.06);
  --as-focus:0 0 0 2px var(--as-surface),0 0 0 4px var(--as-work);
}
[data-theme="dark"] {
  color-scheme: dark;
  --as-canvas:#0E1116; --as-surface:#161A21; --as-surface-2:#1C212A; --as-surface-3:#252B35;
  --as-ink:#EEF0F3; --as-ink-2:#C6CBD3; --as-ink-3:#9AA1AC; --as-ink-4:#8E95A0;
  --as-border:#272D37; --as-border-2:#363D49;
  --as-brand:#E8686B; --as-brand-700:#F3A9AB; --as-brand-tint:#3A1719; --as-on-brand:#1A0607;
  --as-pos:#4CC38A; --as-pos-bg:#10291F;
  --as-warn:#E3AC45; --as-warn-bg:#2E2410; --as-warn-border:#4A3A17;
  --as-crit:#F0756D; --as-crit-bg:#341712;
  --as-work:#86A6EF; --as-work-tint:#18233B;
  --as-personal:#55C8C0; --as-personal-tint:#0F2A28;
  --as-ghost-border:#5A6270; --as-ghost-bg:rgba(28,33,42,.6);
  --cal-1:#86A6EF; --cal-1-bg:#18233B;  --cal-2:#55C8C0; --cal-2-bg:#0F2A28;
  --cal-3:#E8686B; --cal-3-bg:#3A1719;  --cal-4:#E3AC45; --cal-4-bg:#2E2410;
  --cal-5:#4CC38A; --cal-5-bg:#10291F;  --cal-6:#AE8CEB; --cal-6-bg:#251B3A;
  --cal-7:#E57AAC; --cal-7-bg:#361727;  --cal-8:#E58F57; --cal-8-bg:#36200F;
  --cal-9:#6BB5DE; --cal-9-bg:#11283A;  --cal-10:#A8C566; --cal-10-bg:#1F2A10;
  --cal-11:#A7B0BE; --cal-11-bg:#232831; --cal-12:#D08CD4; --cal-12-bg:#2F1A30;
  --as-shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --as-shadow-md:0 6px 16px rgba(0,0,0,.45);
  --as-shadow-lg:0 18px 40px rgba(0,0,0,.55);
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
  color-scheme: dark;
  --as-canvas:#0E1116; --as-surface:#161A21; --as-surface-2:#1C212A; --as-surface-3:#252B35;
  --as-ink:#EEF0F3; --as-ink-2:#C6CBD3; --as-ink-3:#9AA1AC; --as-ink-4:#8E95A0;
  --as-border:#272D37; --as-border-2:#363D49;
  --as-brand:#E8686B; --as-brand-700:#F3A9AB; --as-brand-tint:#3A1719; --as-on-brand:#1A0607;
  --as-pos:#4CC38A; --as-pos-bg:#10291F;
  --as-warn:#E3AC45; --as-warn-bg:#2E2410; --as-warn-border:#4A3A17;
  --as-crit:#F0756D; --as-crit-bg:#341712;
  --as-work:#86A6EF; --as-work-tint:#18233B;
  --as-personal:#55C8C0; --as-personal-tint:#0F2A28;
  --as-ghost-border:#5A6270; --as-ghost-bg:rgba(28,33,42,.6);
  --cal-1:#86A6EF; --cal-1-bg:#18233B;  --cal-2:#55C8C0; --cal-2-bg:#0F2A28;
  --cal-3:#E8686B; --cal-3-bg:#3A1719;  --cal-4:#E3AC45; --cal-4-bg:#2E2410;
  --cal-5:#4CC38A; --cal-5-bg:#10291F;  --cal-6:#AE8CEB; --cal-6-bg:#251B3A;
  --cal-7:#E57AAC; --cal-7-bg:#361727;  --cal-8:#E58F57; --cal-8-bg:#36200F;
  --cal-9:#6BB5DE; --cal-9-bg:#11283A;  --cal-10:#A8C566; --cal-10-bg:#1F2A10;
  --cal-11:#A7B0BE; --cal-11-bg:#232831; --cal-12:#D08CD4; --cal-12-bg:#2F1A30;
  --as-shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --as-shadow-md:0 6px 16px rgba(0,0,0,.45);
  --as-shadow-lg:0 18px 40px rgba(0,0,0,.55);
}
}
[data-contrast="more"] {
  --as-ink-2:#151A22; --as-ink-3:#2B313B; --as-border:#8A919C; --as-border-2:#5F6670; --as-ghost-border:#3F4653;
}
:root {
  --as-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;
  --as-mono: ui-monospace, "Cascadia Mono", SFMono-Regular, Menlo, Consolas, monospace;
  /* type scale (rem — scales with Dynamic Type / browser zoom) */
  --as-t-display:2rem;   /* 32 large title */
  --as-t-title:1.375rem; /* 22 */
  --as-t-headline:1.0625rem; /* 17 */
  --as-t-body:0.9375rem; /* 15 */
  --as-t-callout:0.875rem; /* 14 */
  --as-t-footnote:0.8125rem; /* 13 */
  --as-t-caption:0.75rem; /* 12 */
  /* spacing (4-pt) */
  --as-s-1:4px; --as-s-2:8px; --as-s-3:12px; --as-s-4:16px; --as-s-5:20px; --as-s-6:24px; --as-s-8:32px; --as-s-10:40px;
  /* radii */
  --as-r-sm:6px; --as-r-md:10px; --as-r-lg:14px; --as-r-xl:22px; --as-r-pill:999px;
  /* motion */
  --as-dur-1:150ms; --as-dur-2:200ms; --as-dur-3:250ms;
  --as-ease:cubic-bezier(.2,0,0,1); --as-ease-exit:cubic-bezier(.4,0,1,1);
  --as-tap:44px;
}
@media (prefers-reduced-motion: reduce) { :root { --as-dur-1:0ms; --as-dur-2:0ms; --as-dur-3:0ms; } }

/* ── App extensions: fixed values the design uses directly (not themed) ── */
:root {
  --as-scrim: rgba(10,12,16,.38);          /* sheet / dialog backdrop (design: sheets, Quick Capture) */
  --as-knob: #FFFFFF;                      /* switch knob */
  --as-knob-shadow: 0 1px 3px rgba(0,0,0,.25);
  --as-on-pos: #FFFFFF;                    /* text/icons on solid pos (swipe Done, milestone) */
  --as-tab: 84px;                          /* iPhone tab bar height (tokens.json size.tabBar) */
}

/* Promo page (8.14, docs/design "MyHub Promo v2"): its own fixed palette — always dark, with light showcase bands,
   whatever the app's theme. Only the promo components (promo.css) use these. */
:root {
  --pr-bg:#0E1116; --pr-bg-deep:#0B0D11; --pr-card:#161A21; --pr-card-2:#1C212A; --pr-line:#252B35; --pr-line-2:#363D49; --pr-line-3:#5A6270;
  --pr-ink:#EEF0F3; --pr-ink-2:#C6CBD3; --pr-ink-3:#9AA1AC; --pr-ink-4:#8E95A0; --pr-white:#FFFFFF; --pr-black:#000000; --pr-phone:#16181C;
  --pr-brand:#B01D22; --pr-brand-deep:#7C1216; --pr-brand-light:#E8686B; --pr-brand-pale:#F3A9AB; --pr-brand-tint:#FBEBEC;
  --pr-blue:#2F5BB7; --pr-blue-light:#86A6EF; --pr-blue-bg:#18233B; --pr-blue-tint:#E8EEFA;
  --pr-teal:#0F7C78; --pr-teal-light:#55C8C0; --pr-teal-bg:#0F2A28; --pr-teal-tint:#E1F3F1;
  --pr-amber:#E3AC45; --pr-amber-bg:#2E2410; --pr-amber-line:#4A3A17;
  --pr-green:#4CC38A; --pr-green-bg:#10291F; --pr-green-deep:#0E7A54; --pr-green-tint:#E3F4EC;
  --pr-sky:#6BB5DE; --pr-sky-bg:#11283A; --pr-grey:#A7B0BE; --pr-violet:#6A3FB5; --pr-travel:#1F6E99;
  --pr-light:#F3F4F7; --pr-light-ink:#151A22; --pr-light-ink-2:#3F4653; --pr-light-ink-3:#606773; --pr-light-line:#D3D8E0; --pr-light-line-2:#E4E7EC; --pr-light-bar:#EDEFF3;
  --pr-ease: cubic-bezier(.2,.8,.2,1);
}
} /* @layer tokens */