/* ═══════════════════════════════════════════════════════════════════
   DoPulse — design tokens · THE single source of truth (see CLAUDE.md §2)
   Colors are OKLCH (generated from tokens.src.css by build.py).
   Never hardcode a color, size, space, radius, shadow or duration elsewhere.
   ═══════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Montserrat Arm";src:url("fonts/MontserratArm-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat Arm";src:url("fonts/MontserratArm-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Montserrat Arm";src:url("fonts/MontserratArm-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat Arm";src:url("fonts/MontserratArm-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Montserrat Arm";src:url("fonts/MontserratArm-ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  color-scheme:light dark;
  /* ── semantic colors (with -foreground pairs) ── */
  --background:oklch(98.5% 0.000 0.0);          --foreground:oklch(21.0% 0.032 264.7);
  --card:oklch(100.0% 0.000 0.0);                --card-foreground:oklch(21.0% 0.032 264.7);
  --popover:oklch(100.0% 0.000 0.0);             --popover-foreground:oklch(21.0% 0.032 264.7);
  --primary:oklch(54.6% 0.215 262.9);             --primary-foreground:oklch(100.0% 0.000 0.0);   /* buttons: 5.2:1 */
  --primary-hover:oklch(48.8% 0.217 264.4);
  --secondary:oklch(96.7% 0.003 264.5);           --secondary-foreground:oklch(37.3% 0.031 259.7);
  --muted:oklch(0.0% 0.000 0.0 / .025);      --muted-foreground:oklch(49.5% 0.024 264.3);     /* secondary text: ≥4.5:1 on tinted surfaces */
  --accent:oklch(62.3% 0.188 259.8 / .10); --accent-foreground:oklch(48.8% 0.217 264.4);    /* selected / link text */
  --border:oklch(0.0% 0.000 0.0 / .07);      --border-strong:oklch(0.0% 0.000 0.0 / .12);
  --ring:oklch(62.3% 0.188 259.8);                --focus-ring:0 0 0 3px oklch(62.3% 0.188 259.8 / .45);
  --success:oklch(52.7% 0.137 150.1);             --success-foreground:oklch(100.0% 0.000 0.0);   --success-subtle:oklch(62.7% 0.170 149.2 / .11);
  --warning:oklch(55.5% 0.146 49.0);             --warning-foreground:oklch(100.0% 0.000 0.0);   --warning-subtle:oklch(76.9% 0.165 70.1 / .14);
  --destructive:oklch(57.7% 0.215 27.3);         --destructive-foreground:oklch(100.0% 0.000 0.0); --destructive-subtle:oklch(57.7% 0.215 27.3 / .09);
  /* proposed extensions (documented in /design): */
  --subtle-foreground:oklch(52.0% 0.024 264.3);   /* small meta text that still passes 4.5:1 */
  --icon-muted:oklch(71.4% 0.019 261.3);          /* decorative icons only, never text */
  --state-hover:oklch(0.0% 0.000 0.0 / .04); --state-selected:oklch(0.0% 0.000 0.0 / .06);
  --violet:oklch(49.1% 0.241 292.6);              --violet-subtle:oklch(54.1% 0.247 293.0 / .11);
  --scrim:oklch(21.0% 0.032 264.7 / .32);
  --rail:oklch(37.9% 0.138 265.5);                --rail-foreground:oklch(100.0% 0.000 0.0 / .72); --rail-active:oklch(100.0% 0.000 0.0 / .16);
  --badge:oklch(57.7% 0.215 27.3);
  --banner-warn:oklch(97.2% 0.038 93.8);         --banner-warn-ink:oklch(42.1% 0.090 57.7);
  --banner-info:oklch(95.5% 0.020 257.5);         --banner-info-ink:oklch(37.9% 0.138 265.5);
  --brand-check:oklch(70.2% 0.196 40.7);         /* logo check mark: celebrations only */
  --glass:oklch(100.0% 0.000 0.0 / .72);
  --switch-knob:oklch(100.0% 0.000 0.0);
  --inverse:oklch(21.0% 0.032 264.7);             --inverse-foreground:oklch(100.0% 0.000 0.0);   /* toasts */
  /* priority flags */
  --flag-highest:oklch(63.7% 0.208 25.3); --flag-high:oklch(76.9% 0.165 70.1); --flag-medium:oklch(62.3% 0.188 259.8); --flag-low:oklch(71.4% 0.019 261.3);
  /* status palettes: tint (column) · solid (badge) · on (badge text) · ink (count, add-task) */
  --st-gray-tint:oklch(96.7% 0.003 264.5);   --st-gray-solid:oklch(55.1% 0.023 264.4);   --st-gray-on:oklch(100.0% 0.000 0.0); --st-gray-ink:oklch(44.6% 0.026 256.8);
  --st-yellow-tint:oklch(97.6% 0.031 92.9); --st-yellow-solid:oklch(84.7% 0.153 86.8); --st-yellow-on:oklch(30.3% 0.063 79.3); --st-yellow-ink:oklch(50.8% 0.108 73.3);
  --st-purple-tint:oklch(96.3% 0.020 298.2); --st-purple-solid:oklch(54.1% 0.247 293.0); --st-purple-on:oklch(100.0% 0.000 0.0); --st-purple-ink:oklch(49.1% 0.241 292.6);
  --st-green-tint:oklch(97.3% 0.017 159.1);  --st-green-solid:oklch(52.7% 0.137 150.1);  --st-green-on:oklch(100.0% 0.000 0.0); --st-green-ink:oklch(52.7% 0.137 150.1);
  --st-orange-tint:oklch(97.1% 0.018 59.5); --st-orange-solid:oklch(55.3% 0.174 38.4); --st-orange-on:oklch(100.0% 0.000 0.0); --st-orange-ink:oklch(55.3% 0.174 38.4);
  --st-blue-tint:oklch(96.8% 0.015 257.2);   --st-blue-solid:oklch(54.6% 0.215 262.9);   --st-blue-on:oklch(100.0% 0.000 0.0); --st-blue-ink:oklch(48.8% 0.217 264.4);
  --st-pink-tint:oklch(96.7% 0.017 343.6);   --st-pink-solid:oklch(59.2% 0.218 0.6);   --st-pink-on:oklch(100.0% 0.000 0.0); --st-pink-ink:oklch(52.5% 0.199 4.0);
  /* categorical (icons only) */
  --type-task:oklch(64.7% 0.186 258.3); --type-bug:oklch(63.7% 0.183 26.7); --type-feature:oklch(64.9% 0.133 159.3);
  --view-dash:oklch(60.6% 0.219 292.7); --view-board:oklch(62.3% 0.188 259.8); --view-list:oklch(55.1% 0.023 264.4); --view-backlog:oklch(70.5% 0.187 47.6); --view-cal:oklch(64.4% 0.192 41.7);
  --presence-ok:oklch(72.3% 0.192 149.6); --presence-late:oklch(76.9% 0.165 70.1); --presence-abs:oklch(71.4% 0.019 261.3);
  --avatar-1:oklch(54.2% 0.207 259.4); --avatar-2:oklch(54.6% 0.112 160.5); --avatar-3:oklch(50.0% 0.166 28.9); --avatar-4:oklch(54.7% 0.157 287.5); --avatar-5:oklch(57.2% 0.142 54.3); --avatar-6:oklch(49.1% 0.081 224.9); --avatar-7:oklch(49.5% 0.133 344.9); --avatar-8:oklch(55.0% 0.125 128.7);

  /* ── spacing: 4px scale ── */
  --space-0:0; --space-px:1px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  /* ── radius: sm / md / lg / full only ── */
  --radius-sm:6px; --radius-md:8px; --radius-lg:14px; --radius-full:999px;
  /* ── type: 2 families max (Montserrat Arm + system fallback), scale xs → 5xl ── */
  --font-sans:"Montserrat Arm","Noto Sans Armenian","Segoe UI",system-ui,-apple-system,sans-serif;
  --text-xs:12px; --text-sm:13px; --text-base:14px; --text-lg:16px;
  --text-xl:clamp(18px, 1.2vw + 12px, 20px);
  --text-2xl:clamp(20px, 1.6vw + 12px, 24px);
  --text-3xl:clamp(26px, 2vw + 16px, 32px);
  --text-4xl:clamp(30px, 2.6vw + 18px, 40px);
  --text-5xl:clamp(36px, 3.2vw + 22px, 48px);
  --leading-tight:1.2; --leading-normal:1.5;
  /* ── elevation ── */
  --shadow-sm:0 1px 2px oklch(0.0% 0.000 0.0 / .04);
  --shadow-md:0 8px 24px oklch(0.0% 0.000 0.0 / .10),0 1px 3px oklch(0.0% 0.000 0.0 / .06);
  --shadow-lg:0 14px 32px oklch(0.0% 0.000 0.0 / .16);
  --shadow-popover:0 16px 40px oklch(0.0% 0.000 0.0 / .12),0 2px 6px oklch(0.0% 0.000 0.0 / .06);
  /* ── motion ── */
  --duration-fast:120ms; --duration-base:180ms; --duration-slow:400ms; --duration-xslow:800ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-spring:cubic-bezier(.2,1.4,.4,1);
  /* ── layout ── */
  --rail-w:72px; --side-w:248px; --top-h:56px; --touch:40px; --wm-opacity:.03;
}
@media (max-width:860px){ :root{ --touch:44px } }
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    /* canvas oklch(16.9% 0.002 286.2) · surfaces oklch(21.9% 0.004 286.1) / oklch(25.3% 0.004 286.1) · hairlines 10% white · text 92 / 64 / 40 % white */
    --background:oklch(16.9% 0.002 286.2); --foreground:oklch(100.0% 0.000 0.0 / .92); --card:oklch(21.9% 0.004 286.1); --card-foreground:oklch(100.0% 0.000 0.0 / .92); --popover:oklch(25.3% 0.004 286.1); --popover-foreground:oklch(100.0% 0.000 0.0 / .92);
    --primary:oklch(57.4% 0.202 262.0); --primary-foreground:oklch(100.0% 0.000 0.0); --primary-hover:oklch(52.6% 0.197 262.4); --secondary:oklch(25.3% 0.004 286.1); --secondary-foreground:oklch(100.0% 0.000 0.0 / .80);
    --muted:oklch(100.0% 0.000 0.0 / .03); --muted-foreground:oklch(100.0% 0.000 0.0 / .64); --accent:oklch(68.5% 0.166 262.4 / .16); --accent-foreground:oklch(77.0% 0.117 262.4);
    --border:oklch(100.0% 0.000 0.0 / .10); --border-strong:oklch(100.0% 0.000 0.0 / .16); --ring:oklch(70.4% 0.154 262.3); --focus-ring:0 0 0 3px oklch(70.4% 0.154 262.3 / .5);
    --success:oklch(80.0% 0.182 151.7); --success-subtle:oklch(80.0% 0.182 151.7 / .13); --warning:oklch(83.7% 0.164 84.4); --warning-subtle:oklch(83.7% 0.164 84.4 / .14);
    --destructive:oklch(71.1% 0.166 22.2); --destructive-subtle:oklch(71.1% 0.166 22.2 / .14); --destructive-foreground:oklch(17.3% 0.032 20.8); --success-foreground:oklch(26.6% 0.063 152.9); --warning-foreground:oklch(19.8% 0.041 80.2);
    --subtle-foreground:oklch(100.0% 0.000 0.0 / .56); --icon-muted:oklch(100.0% 0.000 0.0 / .40); --state-hover:oklch(100.0% 0.000 0.0 / .06); --state-selected:oklch(100.0% 0.000 0.0 / .09);
    --violet:oklch(70.9% 0.159 293.5); --violet-subtle:oklch(70.9% 0.159 293.5 / .15); --scrim:oklch(0.0% 0.000 0.0 / .6);
    --rail:oklch(23.5% 0.073 266.3); --banner-warn:oklch(28.6% 0.043 88.4); --banner-warn-ink:oklch(92.4% 0.115 95.7); --banner-info:oklch(26.3% 0.059 261.4); --banner-info-ink:oklch(88.2% 0.057 254.1);
    --glass:oklch(25.3% 0.004 286.1 / .72); --inverse:oklch(94.4% 0.003 286.3); --inverse-foreground:oklch(16.9% 0.002 286.2);
    --st-gray-tint:oklch(100.0% 0.000 0.0 / .05);  --st-gray-ink:oklch(100.0% 0.000 0.0 / .80);
    --st-yellow-tint:oklch(84.7% 0.153 86.8 / .09); --st-yellow-ink:oklch(87.9% 0.153 91.6);
    --st-purple-tint:oklch(60.6% 0.219 292.7 / .12); --st-purple-ink:oklch(81.1% 0.101 293.6);
    --st-green-tint:oklch(72.3% 0.192 149.6 / .10);   --st-green-ink:oklch(87.1% 0.136 154.4);
    --st-orange-tint:oklch(70.5% 0.187 47.6 / .10); --st-orange-ink:oklch(83.7% 0.117 66.3);
    --st-blue-tint:oklch(62.3% 0.188 259.8 / .11);   --st-blue-ink:oklch(80.9% 0.096 251.8);
    --st-pink-tint:oklch(65.6% 0.212 354.3 / .10);   --st-pink-ink:oklch(82.3% 0.110 346.0);
    --shadow-sm:0 1px 2px oklch(0.0% 0.000 0.0 / .4); --shadow-md:0 12px 32px oklch(0.0% 0.000 0.0 / .5); --shadow-lg:0 16px 36px oklch(0.0% 0.000 0.0 / .6); --shadow-popover:0 16px 40px oklch(0.0% 0.000 0.0 / .55),0 0 0 1px oklch(100.0% 0.000 0.0 / .06);
  }
}
:root[data-theme=dark]{color-scheme:dark;
    /* canvas oklch(16.9% 0.002 286.2) · surfaces oklch(21.9% 0.004 286.1) / oklch(25.3% 0.004 286.1) · hairlines 10% white · text 92 / 64 / 40 % white */
    --background:oklch(16.9% 0.002 286.2); --foreground:oklch(100.0% 0.000 0.0 / .92); --card:oklch(21.9% 0.004 286.1); --card-foreground:oklch(100.0% 0.000 0.0 / .92); --popover:oklch(25.3% 0.004 286.1); --popover-foreground:oklch(100.0% 0.000 0.0 / .92);
    --primary:oklch(57.4% 0.202 262.0); --primary-foreground:oklch(100.0% 0.000 0.0); --primary-hover:oklch(52.6% 0.197 262.4); --secondary:oklch(25.3% 0.004 286.1); --secondary-foreground:oklch(100.0% 0.000 0.0 / .80);
    --muted:oklch(100.0% 0.000 0.0 / .03); --muted-foreground:oklch(100.0% 0.000 0.0 / .64); --accent:oklch(68.5% 0.166 262.4 / .16); --accent-foreground:oklch(77.0% 0.117 262.4);
    --border:oklch(100.0% 0.000 0.0 / .10); --border-strong:oklch(100.0% 0.000 0.0 / .16); --ring:oklch(70.4% 0.154 262.3); --focus-ring:0 0 0 3px oklch(70.4% 0.154 262.3 / .5);
    --success:oklch(80.0% 0.182 151.7); --success-subtle:oklch(80.0% 0.182 151.7 / .13); --warning:oklch(83.7% 0.164 84.4); --warning-subtle:oklch(83.7% 0.164 84.4 / .14);
    --destructive:oklch(71.1% 0.166 22.2); --destructive-subtle:oklch(71.1% 0.166 22.2 / .14); --destructive-foreground:oklch(17.3% 0.032 20.8); --success-foreground:oklch(26.6% 0.063 152.9); --warning-foreground:oklch(19.8% 0.041 80.2);
    --subtle-foreground:oklch(100.0% 0.000 0.0 / .56); --icon-muted:oklch(100.0% 0.000 0.0 / .40); --state-hover:oklch(100.0% 0.000 0.0 / .06); --state-selected:oklch(100.0% 0.000 0.0 / .09);
    --violet:oklch(70.9% 0.159 293.5); --violet-subtle:oklch(70.9% 0.159 293.5 / .15); --scrim:oklch(0.0% 0.000 0.0 / .6);
    --rail:oklch(23.5% 0.073 266.3); --banner-warn:oklch(28.6% 0.043 88.4); --banner-warn-ink:oklch(92.4% 0.115 95.7); --banner-info:oklch(26.3% 0.059 261.4); --banner-info-ink:oklch(88.2% 0.057 254.1);
    --glass:oklch(25.3% 0.004 286.1 / .72); --inverse:oklch(94.4% 0.003 286.3); --inverse-foreground:oklch(16.9% 0.002 286.2);
    --st-gray-tint:oklch(100.0% 0.000 0.0 / .05);  --st-gray-ink:oklch(100.0% 0.000 0.0 / .80);
    --st-yellow-tint:oklch(84.7% 0.153 86.8 / .09); --st-yellow-ink:oklch(87.9% 0.153 91.6);
    --st-purple-tint:oklch(60.6% 0.219 292.7 / .12); --st-purple-ink:oklch(81.1% 0.101 293.6);
    --st-green-tint:oklch(72.3% 0.192 149.6 / .10);   --st-green-ink:oklch(87.1% 0.136 154.4);
    --st-orange-tint:oklch(70.5% 0.187 47.6 / .10); --st-orange-ink:oklch(83.7% 0.117 66.3);
    --st-blue-tint:oklch(62.3% 0.188 259.8 / .11);   --st-blue-ink:oklch(80.9% 0.096 251.8);
    --st-pink-tint:oklch(65.6% 0.212 354.3 / .10);   --st-pink-ink:oklch(82.3% 0.110 346.0);
    --shadow-sm:0 1px 2px oklch(0.0% 0.000 0.0 / .4); --shadow-md:0 12px 32px oklch(0.0% 0.000 0.0 / .5); --shadow-lg:0 16px 36px oklch(0.0% 0.000 0.0 / .6); --shadow-popover:0 16px 40px oklch(0.0% 0.000 0.0 / .55),0 0 0 1px oklch(100.0% 0.000 0.0 / .06);
  }
:root[data-theme=light]{color-scheme:light}
@media (prefers-reduced-motion:reduce){ :root{ --duration-fast:1ms; --duration-base:1ms; --duration-slow:1ms; --duration-xslow:1ms } }

/* fixed-theme islands (theme previews in Settings) */
.theme-scope-light{color-scheme:light;
  color-scheme:light dark;
  /* ── semantic colors (with -foreground pairs) ── */
  --background:oklch(98.5% 0.000 0.0);          --foreground:oklch(21.0% 0.032 264.7);
  --card:oklch(100.0% 0.000 0.0);                --card-foreground:oklch(21.0% 0.032 264.7);
  --popover:oklch(100.0% 0.000 0.0);             --popover-foreground:oklch(21.0% 0.032 264.7);
  --primary:oklch(54.6% 0.215 262.9);             --primary-foreground:oklch(100.0% 0.000 0.0);   /* buttons: 5.2:1 */
  --primary-hover:oklch(48.8% 0.217 264.4);
  --secondary:oklch(96.7% 0.003 264.5);           --secondary-foreground:oklch(37.3% 0.031 259.7);
  --muted:oklch(0.0% 0.000 0.0 / .025);      --muted-foreground:oklch(49.5% 0.024 264.3);     /* secondary text: ≥4.5:1 on tinted surfaces */
  --accent:oklch(62.3% 0.188 259.8 / .10); --accent-foreground:oklch(48.8% 0.217 264.4);    /* selected / link text */
  --border:oklch(0.0% 0.000 0.0 / .07);      --border-strong:oklch(0.0% 0.000 0.0 / .12);
  --ring:oklch(62.3% 0.188 259.8);                --focus-ring:0 0 0 3px oklch(62.3% 0.188 259.8 / .45);
  --success:oklch(52.7% 0.137 150.1);             --success-foreground:oklch(100.0% 0.000 0.0);   --success-subtle:oklch(62.7% 0.170 149.2 / .11);
  --warning:oklch(55.5% 0.146 49.0);             --warning-foreground:oklch(100.0% 0.000 0.0);   --warning-subtle:oklch(76.9% 0.165 70.1 / .14);
  --destructive:oklch(57.7% 0.215 27.3);         --destructive-foreground:oklch(100.0% 0.000 0.0); --destructive-subtle:oklch(57.7% 0.215 27.3 / .09);
  /* proposed extensions (documented in /design): */
  --subtle-foreground:oklch(52.0% 0.024 264.3);   /* small meta text that still passes 4.5:1 */
  --icon-muted:oklch(71.4% 0.019 261.3);          /* decorative icons only, never text */
  --state-hover:oklch(0.0% 0.000 0.0 / .04); --state-selected:oklch(0.0% 0.000 0.0 / .06);
  --violet:oklch(49.1% 0.241 292.6);              --violet-subtle:oklch(54.1% 0.247 293.0 / .11);
  --scrim:oklch(21.0% 0.032 264.7 / .32);
  --rail:oklch(37.9% 0.138 265.5);                --rail-foreground:oklch(100.0% 0.000 0.0 / .72); --rail-active:oklch(100.0% 0.000 0.0 / .16);
  --badge:oklch(57.7% 0.215 27.3);
  --banner-warn:oklch(97.2% 0.038 93.8);         --banner-warn-ink:oklch(42.1% 0.090 57.7);
  --banner-info:oklch(95.5% 0.020 257.5);         --banner-info-ink:oklch(37.9% 0.138 265.5);
  --brand-check:oklch(70.2% 0.196 40.7);         /* logo check mark: celebrations only */
  --glass:oklch(100.0% 0.000 0.0 / .72);
  --switch-knob:oklch(100.0% 0.000 0.0);
  --inverse:oklch(21.0% 0.032 264.7);             --inverse-foreground:oklch(100.0% 0.000 0.0);   /* toasts */
  /* priority flags */
  --flag-highest:oklch(63.7% 0.208 25.3); --flag-high:oklch(76.9% 0.165 70.1); --flag-medium:oklch(62.3% 0.188 259.8); --flag-low:oklch(71.4% 0.019 261.3);
  /* status palettes: tint (column) · solid (badge) · on (badge text) · ink (count, add-task) */
  --st-gray-tint:oklch(96.7% 0.003 264.5);   --st-gray-solid:oklch(55.1% 0.023 264.4);   --st-gray-on:oklch(100.0% 0.000 0.0); --st-gray-ink:oklch(44.6% 0.026 256.8);
  --st-yellow-tint:oklch(97.6% 0.031 92.9); --st-yellow-solid:oklch(84.7% 0.153 86.8); --st-yellow-on:oklch(30.3% 0.063 79.3); --st-yellow-ink:oklch(50.8% 0.108 73.3);
  --st-purple-tint:oklch(96.3% 0.020 298.2); --st-purple-solid:oklch(54.1% 0.247 293.0); --st-purple-on:oklch(100.0% 0.000 0.0); --st-purple-ink:oklch(49.1% 0.241 292.6);
  --st-green-tint:oklch(97.3% 0.017 159.1);  --st-green-solid:oklch(52.7% 0.137 150.1);  --st-green-on:oklch(100.0% 0.000 0.0); --st-green-ink:oklch(52.7% 0.137 150.1);
  --st-orange-tint:oklch(97.1% 0.018 59.5); --st-orange-solid:oklch(55.3% 0.174 38.4); --st-orange-on:oklch(100.0% 0.000 0.0); --st-orange-ink:oklch(55.3% 0.174 38.4);
  --st-blue-tint:oklch(96.8% 0.015 257.2);   --st-blue-solid:oklch(54.6% 0.215 262.9);   --st-blue-on:oklch(100.0% 0.000 0.0); --st-blue-ink:oklch(48.8% 0.217 264.4);
  --st-pink-tint:oklch(96.7% 0.017 343.6);   --st-pink-solid:oklch(59.2% 0.218 0.6);   --st-pink-on:oklch(100.0% 0.000 0.0); --st-pink-ink:oklch(52.5% 0.199 4.0);
  /* categorical (icons only) */
  --type-task:oklch(64.7% 0.186 258.3); --type-bug:oklch(63.7% 0.183 26.7); --type-feature:oklch(64.9% 0.133 159.3);
  --view-dash:oklch(60.6% 0.219 292.7); --view-board:oklch(62.3% 0.188 259.8); --view-list:oklch(55.1% 0.023 264.4); --view-backlog:oklch(70.5% 0.187 47.6); --view-cal:oklch(64.4% 0.192 41.7);
  --presence-ok:oklch(72.3% 0.192 149.6); --presence-late:oklch(76.9% 0.165 70.1); --presence-abs:oklch(71.4% 0.019 261.3);
  --avatar-1:oklch(54.2% 0.207 259.4); --avatar-2:oklch(54.6% 0.112 160.5); --avatar-3:oklch(50.0% 0.166 28.9); --avatar-4:oklch(54.7% 0.157 287.5); --avatar-5:oklch(57.2% 0.142 54.3); --avatar-6:oklch(49.1% 0.081 224.9); --avatar-7:oklch(49.5% 0.133 344.9); --avatar-8:oklch(55.0% 0.125 128.7);

  }
.theme-scope-dark{color-scheme:dark;
    /* canvas oklch(16.9% 0.002 286.2) · surfaces oklch(21.9% 0.004 286.1) / oklch(25.3% 0.004 286.1) · hairlines 10% white · text 92 / 64 / 40 % white */
    --background:oklch(16.9% 0.002 286.2); --foreground:oklch(100.0% 0.000 0.0 / .92); --card:oklch(21.9% 0.004 286.1); --card-foreground:oklch(100.0% 0.000 0.0 / .92); --popover:oklch(25.3% 0.004 286.1); --popover-foreground:oklch(100.0% 0.000 0.0 / .92);
    --primary:oklch(57.4% 0.202 262.0); --primary-foreground:oklch(100.0% 0.000 0.0); --primary-hover:oklch(52.6% 0.197 262.4); --secondary:oklch(25.3% 0.004 286.1); --secondary-foreground:oklch(100.0% 0.000 0.0 / .80);
    --muted:oklch(100.0% 0.000 0.0 / .03); --muted-foreground:oklch(100.0% 0.000 0.0 / .64); --accent:oklch(68.5% 0.166 262.4 / .16); --accent-foreground:oklch(77.0% 0.117 262.4);
    --border:oklch(100.0% 0.000 0.0 / .10); --border-strong:oklch(100.0% 0.000 0.0 / .16); --ring:oklch(70.4% 0.154 262.3); --focus-ring:0 0 0 3px oklch(70.4% 0.154 262.3 / .5);
    --success:oklch(80.0% 0.182 151.7); --success-subtle:oklch(80.0% 0.182 151.7 / .13); --warning:oklch(83.7% 0.164 84.4); --warning-subtle:oklch(83.7% 0.164 84.4 / .14);
    --destructive:oklch(71.1% 0.166 22.2); --destructive-subtle:oklch(71.1% 0.166 22.2 / .14); --destructive-foreground:oklch(17.3% 0.032 20.8); --success-foreground:oklch(26.6% 0.063 152.9); --warning-foreground:oklch(19.8% 0.041 80.2);
    --subtle-foreground:oklch(100.0% 0.000 0.0 / .56); --icon-muted:oklch(100.0% 0.000 0.0 / .40); --state-hover:oklch(100.0% 0.000 0.0 / .06); --state-selected:oklch(100.0% 0.000 0.0 / .09);
    --violet:oklch(70.9% 0.159 293.5); --violet-subtle:oklch(70.9% 0.159 293.5 / .15); --scrim:oklch(0.0% 0.000 0.0 / .6);
    --rail:oklch(23.5% 0.073 266.3); --banner-warn:oklch(28.6% 0.043 88.4); --banner-warn-ink:oklch(92.4% 0.115 95.7); --banner-info:oklch(26.3% 0.059 261.4); --banner-info-ink:oklch(88.2% 0.057 254.1);
    --glass:oklch(25.3% 0.004 286.1 / .72); --inverse:oklch(94.4% 0.003 286.3); --inverse-foreground:oklch(16.9% 0.002 286.2);
    --st-gray-tint:oklch(100.0% 0.000 0.0 / .05);  --st-gray-ink:oklch(100.0% 0.000 0.0 / .80);
    --st-yellow-tint:oklch(84.7% 0.153 86.8 / .09); --st-yellow-ink:oklch(87.9% 0.153 91.6);
    --st-purple-tint:oklch(60.6% 0.219 292.7 / .12); --st-purple-ink:oklch(81.1% 0.101 293.6);
    --st-green-tint:oklch(72.3% 0.192 149.6 / .10);   --st-green-ink:oklch(87.1% 0.136 154.4);
    --st-orange-tint:oklch(70.5% 0.187 47.6 / .10); --st-orange-ink:oklch(83.7% 0.117 66.3);
    --st-blue-tint:oklch(62.3% 0.188 259.8 / .11);   --st-blue-ink:oklch(80.9% 0.096 251.8);
    --st-pink-tint:oklch(65.6% 0.212 354.3 / .10);   --st-pink-ink:oklch(82.3% 0.110 346.0);
    --shadow-sm:0 1px 2px oklch(0.0% 0.000 0.0 / .4); --shadow-md:0 12px 32px oklch(0.0% 0.000 0.0 / .5); --shadow-lg:0 16px 36px oklch(0.0% 0.000 0.0 / .6); --shadow-popover:0 16px 40px oklch(0.0% 0.000 0.0 / .55),0 0 0 1px oklch(100.0% 0.000 0.0 / .06);
  }