/* Colour tokens — generated by 00-docs/design-system/build.mjs. Do not edit by hand. */
:root {
  --blue-50: #F4F8FF;
  --blue-100: #E6EFFF;
  --blue-200: #CADEFF;
  --blue-300: #9FC3FF;
  --blue-400: #6FA5FF;
  --blue-500: #3C85FF;
  --blue-600: #0864E8;
  --blue-700: #0051C5;
  --blue-800: #003F9D;
  --blue-900: #002E77;
  --blue-950: #042152;
  --gray-50: #F7F8FA;
  --gray-100: #EDEFF3;
  --gray-200: #DADDE3;
  --gray-300: #BEC2CA;
  --gray-400: #A0A6AE;
  --gray-500: #848992;
  --gray-600: #686C75;
  --gray-700: #555961;
  --gray-800: #42464B;
  --gray-900: #313338;
  --gray-950: #222327;
  --green-50: #E7FEEE;
  --green-100: #D0F8DD;
  --green-200: #A9ECBF;
  --green-300: #70D698;
  --green-400: #33BB73;
  --green-500: #009D5A;
  --green-600: #007C46;
  --green-700: #006739;
  --green-800: #00502B;
  --green-900: #003C1F;
  --green-950: #002A14;
  --amber-50: #FFF7EE;
  --amber-100: #FFECD4;
  --amber-200: #FFD69F;
  --amber-300: #F7B654;
  --amber-400: #DF9700;
  --amber-500: #B97D00;
  --amber-600: #936200;
  --amber-700: #7A5000;
  --amber-800: #603F00;
  --amber-900: #482E00;
  --amber-950: #331F00;
  --red-50: #FFF6F6;
  --red-100: #FFEAE8;
  --red-200: #FFD2CE;
  --red-300: #FFADA6;
  --red-400: #FF7F78;
  --red-500: #F6494A;
  --red-600: #D21F2B;
  --red-700: #B30A1E;
  --red-800: #900014;
  --red-900: #6B0710;
  --red-950: #4A0A0C;
  --sky-50: #F1F9FF;
  --sky-100: #DEF2FF;
  --sky-200: #B6E3FF;
  --sky-300: #72CCFF;
  --sky-400: #28B0F0;
  --sky-500: #0092CB;
  --sky-600: #0073A1;
  --sky-700: #005F86;
  --sky-800: #004A6A;
  --sky-900: #003750;
  --sky-950: #002639;
  --orange-50: #FFF6F2;
  --orange-100: #FFEBE1;
  --orange-200: #FFD4BE;
  --orange-300: #FFB084;
  --orange-400: #FD8435;
  --orange-500: #DC6700;
  --orange-600: #AF5100;
  --orange-700: #914200;
  --orange-800: #733300;
  --orange-900: #572400;
  --orange-950: #3F1800;
  --lime-50: #F0FCE3;
  --lime-100: #E1F6CA;
  --lime-200: #C7E79F;
  --lime-300: #A4D066;
  --lime-400: #82B428;
  --lime-500: #699600;
  --lime-600: #527700;
  --lime-700: #436200;
  --lime-800: #344D00;
  --lime-900: #253900;
  --lime-950: #192800;
  --teal-50: #E5FDFA;
  --teal-100: #CDF7F1;
  --teal-200: #A3EAE0;
  --teal-300: #65D4C7;
  --teal-400: #0CB9AB;
  --teal-500: #00998D;
  --teal-600: #007970;
  --teal-700: #00645C;
  --teal-800: #004E48;
  --teal-900: #003A35;
  --teal-950: #002925;
  --violet-50: #F9F7FF;
  --violet-100: #F0ECFF;
  --violet-200: #E0D8FF;
  --violet-300: #C9B8FF;
  --violet-400: #B194FF;
  --violet-500: #9A70F4;
  --violet-600: #7D51D3;
  --violet-700: #6940B4;
  --violet-800: #533092;
  --violet-900: #3D246B;
  --violet-950: #2A1A4A;
  --pink-50: #FFF6F9;
  --pink-100: #FFE9F3;
  --pink-200: #FFD0E5;
  --pink-300: #FFA8D1;
  --pink-400: #FE76BD;
  --pink-500: #E055A1;
  --pink-600: #BE3383;
  --pink-700: #A1246D;
  --pink-800: #821756;
  --pink-900: #601340;
  --pink-950: #430F2C;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --bg-app: var(--gray-50);
  --bg-surface: #FFFFFF;
  --bg-raised: #FFFFFF;
  --bg-subtle: var(--gray-50);
  --bg-muted: var(--gray-100);
  --bg-inverse: var(--gray-900);
  --text-inverse: #FFFFFF;
  --border: var(--gray-200);
  --border-control: var(--gray-300);
  --border-strong: var(--gray-500);
  --text: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-disabled: var(--gray-400);
  --accent: var(--blue-600);
  --accent-hover: var(--blue-700);
  --accent-pressed: var(--blue-800);
  --on-accent: #FFFFFF;
  --accent-subtle: var(--blue-50);
  --accent-muted: var(--blue-100);
  --accent-text: var(--blue-700);
  --accent-text-strong: var(--blue-800);
  --focus: var(--blue-600);
  --success: var(--green-600);
  --success-subtle: var(--green-100);
  --success-text: var(--green-800);
  --success-icon: var(--green-600);
  --warning: var(--amber-400);
  --on-warning: var(--amber-950);
  --warning-subtle: var(--amber-100);
  --warning-text: var(--amber-800);
  --warning-icon: var(--amber-600);
  --danger: var(--red-600);
  --danger-hover: var(--red-700);
  --danger-pressed: var(--red-800);
  --danger-subtle: var(--red-100);
  --danger-muted: var(--red-200);
  --danger-text: var(--red-800);
  --danger-icon: var(--red-600);
  --info: var(--sky-600);
  --info-subtle: var(--sky-100);
  --info-text: var(--sky-800);
  --info-icon: var(--sky-600);
  --neutral-subtle: var(--gray-100);
  --neutral-text: var(--gray-800);
  --overlay: rgb(34 35 39 / .55);
  --shadow-xs: 0 1px 2px rgb(34 35 39 / .06);
  --shadow-sm: 0 1px 2px rgb(34 35 39 / .06), 0 2px 6px -2px rgb(34 35 39 / .08);
  --shadow-md: 0 0 0 1px rgb(34 35 39 / .06), 0 8px 16px -4px rgb(34 35 39 / .14);
  --shadow-lg: 0 0 0 1px rgb(34 35 39 / .06), 0 20px 32px -8px rgb(34 35 39 / .22);
  --tag-l-bg: #DADDE3;
  --tag-l-fg: #313338;
  --tag-p-bg: #E6EFFF;
  --tag-p-fg: #003F9D;
  --tag-m-bg: #F0ECFF;
  --tag-m-fg: #533092;
  --tag-u-bg: #D0F8DD;
  --tag-u-fg: #00502B;
  --tag-g-bg: #FFD69F;
  --tag-g-fg: #482E00;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-app: #0C0E12;
    --bg-surface: #15171B;
    --bg-raised: #1C1F24;
    --bg-subtle: #1B1E23;
    --bg-muted: #26292E;
    --bg-inverse: var(--gray-50);
    --text-inverse: var(--gray-950);
    --border: #2E3237;
    --border-control: #3A3E44;
    --border-strong: #787C83;
    --text: #F2F3F5;
    --text-secondary: #ADB1B8;
    --text-disabled: #7C8088;
    --accent: var(--blue-600);
    --accent-hover: var(--blue-700);
    --accent-pressed: var(--blue-800);
    --on-accent: #FFFFFF;
    --accent-subtle: color-mix(in srgb, var(--blue-600) 16%, transparent);
    --accent-muted: color-mix(in srgb, var(--blue-600) 26%, transparent);
    --accent-text: var(--blue-400);
    --accent-text-strong: var(--blue-300);
    --focus: var(--blue-400);
    --success: var(--green-600);
    --success-subtle: var(--green-950);
    --success-text: var(--green-300);
    --success-icon: var(--green-400);
    --warning: var(--amber-400);
    --on-warning: var(--amber-950);
    --warning-subtle: var(--amber-950);
    --warning-text: var(--amber-300);
    --warning-icon: var(--amber-400);
    --danger: var(--red-600);
    --danger-hover: var(--red-700);
    --danger-pressed: var(--red-800);
    --danger-subtle: var(--red-950);
    --danger-muted: color-mix(in srgb, var(--red-600) 24%, transparent);
    --danger-text: var(--red-300);
    --danger-icon: var(--red-400);
    --info: var(--sky-600);
    --info-subtle: var(--sky-950);
    --info-text: var(--sky-300);
    --info-icon: var(--sky-400);
    --neutral-subtle: #26292E;
    --neutral-text: #F2F3F5;
    --overlay: rgb(0 0 0 / .62);
    --shadow-xs: 0 0 0 1px rgb(255 255 255 / .04);
    --shadow-sm: 0 0 0 1px rgb(255 255 255 / .05);
    --shadow-md: 0 0 0 1px rgb(255 255 255 / .08), 0 8px 16px rgb(0 0 0 / .45);
    --shadow-lg: 0 0 0 1px rgb(255 255 255 / .08), 0 20px 32px rgb(0 0 0 / .55);
    --tag-l-bg: #42464B;
    --tag-l-fg: #EDEFF3;
    --tag-p-bg: #002E77;
    --tag-p-fg: #E6EFFF;
    --tag-m-bg: #3D246B;
    --tag-m-fg: #F0ECFF;
    --tag-u-bg: #003C1F;
    --tag-u-fg: #D0F8DD;
    --tag-g-bg: #482E00;
    --tag-g-fg: #FFECD4;
  }
}
:root[data-theme="dark"], [data-theme="dark"] {
  color-scheme: dark;
  --bg-app: #0C0E12;
  --bg-surface: #15171B;
  --bg-raised: #1C1F24;
  --bg-subtle: #1B1E23;
  --bg-muted: #26292E;
  --bg-inverse: var(--gray-50);
  --text-inverse: var(--gray-950);
  --border: #2E3237;
  --border-control: #3A3E44;
  --border-strong: #787C83;
  --text: #F2F3F5;
  --text-secondary: #ADB1B8;
  --text-disabled: #7C8088;
  --accent: var(--blue-600);
  --accent-hover: var(--blue-700);
  --accent-pressed: var(--blue-800);
  --on-accent: #FFFFFF;
  --accent-subtle: color-mix(in srgb, var(--blue-600) 16%, transparent);
  --accent-muted: color-mix(in srgb, var(--blue-600) 26%, transparent);
  --accent-text: var(--blue-400);
  --accent-text-strong: var(--blue-300);
  --focus: var(--blue-400);
  --success: var(--green-600);
  --success-subtle: var(--green-950);
  --success-text: var(--green-300);
  --success-icon: var(--green-400);
  --warning: var(--amber-400);
  --on-warning: var(--amber-950);
  --warning-subtle: var(--amber-950);
  --warning-text: var(--amber-300);
  --warning-icon: var(--amber-400);
  --danger: var(--red-600);
  --danger-hover: var(--red-700);
  --danger-pressed: var(--red-800);
  --danger-subtle: var(--red-950);
  --danger-muted: color-mix(in srgb, var(--red-600) 24%, transparent);
  --danger-text: var(--red-300);
  --danger-icon: var(--red-400);
  --info: var(--sky-600);
  --info-subtle: var(--sky-950);
  --info-text: var(--sky-300);
  --info-icon: var(--sky-400);
  --neutral-subtle: #26292E;
  --neutral-text: #F2F3F5;
  --overlay: rgb(0 0 0 / .62);
  --shadow-xs: 0 0 0 1px rgb(255 255 255 / .04);
  --shadow-sm: 0 0 0 1px rgb(255 255 255 / .05);
  --shadow-md: 0 0 0 1px rgb(255 255 255 / .08), 0 8px 16px rgb(0 0 0 / .45);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / .08), 0 20px 32px rgb(0 0 0 / .55);
  --tag-l-bg: #42464B;
  --tag-l-fg: #EDEFF3;
  --tag-p-bg: #002E77;
  --tag-p-fg: #E6EFFF;
  --tag-m-bg: #3D246B;
  --tag-m-fg: #F0ECFF;
  --tag-u-bg: #003C1F;
  --tag-u-fg: #D0F8DD;
  --tag-g-bg: #482E00;
  --tag-g-fg: #FFECD4;
}
[data-tile="gray"] { --tile-bg: var(--gray-100); --tile-fg: var(--gray-900); --tile-strip: var(--gray-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="gray"] { --tile-bg: var(--gray-900); --tile-fg: var(--gray-100); --tile-strip: var(--gray-400); } }
[data-theme="dark"] [data-tile="gray"], [data-theme="dark"][data-tile="gray"] { --tile-bg: var(--gray-900); --tile-fg: var(--gray-100); --tile-strip: var(--gray-400); }
[data-tile="red"] { --tile-bg: var(--red-100); --tile-fg: var(--red-900); --tile-strip: var(--red-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="red"] { --tile-bg: var(--red-900); --tile-fg: var(--red-100); --tile-strip: var(--red-400); } }
[data-theme="dark"] [data-tile="red"], [data-theme="dark"][data-tile="red"] { --tile-bg: var(--red-900); --tile-fg: var(--red-100); --tile-strip: var(--red-400); }
[data-tile="orange"] { --tile-bg: var(--orange-100); --tile-fg: var(--orange-900); --tile-strip: var(--orange-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="orange"] { --tile-bg: var(--orange-900); --tile-fg: var(--orange-100); --tile-strip: var(--orange-400); } }
[data-theme="dark"] [data-tile="orange"], [data-theme="dark"][data-tile="orange"] { --tile-bg: var(--orange-900); --tile-fg: var(--orange-100); --tile-strip: var(--orange-400); }
[data-tile="amber"] { --tile-bg: var(--amber-100); --tile-fg: var(--amber-900); --tile-strip: var(--amber-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="amber"] { --tile-bg: var(--amber-900); --tile-fg: var(--amber-100); --tile-strip: var(--amber-400); } }
[data-theme="dark"] [data-tile="amber"], [data-theme="dark"][data-tile="amber"] { --tile-bg: var(--amber-900); --tile-fg: var(--amber-100); --tile-strip: var(--amber-400); }
[data-tile="lime"] { --tile-bg: var(--lime-100); --tile-fg: var(--lime-900); --tile-strip: var(--lime-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="lime"] { --tile-bg: var(--lime-900); --tile-fg: var(--lime-100); --tile-strip: var(--lime-400); } }
[data-theme="dark"] [data-tile="lime"], [data-theme="dark"][data-tile="lime"] { --tile-bg: var(--lime-900); --tile-fg: var(--lime-100); --tile-strip: var(--lime-400); }
[data-tile="green"] { --tile-bg: var(--green-100); --tile-fg: var(--green-900); --tile-strip: var(--green-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="green"] { --tile-bg: var(--green-900); --tile-fg: var(--green-100); --tile-strip: var(--green-400); } }
[data-theme="dark"] [data-tile="green"], [data-theme="dark"][data-tile="green"] { --tile-bg: var(--green-900); --tile-fg: var(--green-100); --tile-strip: var(--green-400); }
[data-tile="teal"] { --tile-bg: var(--teal-100); --tile-fg: var(--teal-900); --tile-strip: var(--teal-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="teal"] { --tile-bg: var(--teal-900); --tile-fg: var(--teal-100); --tile-strip: var(--teal-400); } }
[data-theme="dark"] [data-tile="teal"], [data-theme="dark"][data-tile="teal"] { --tile-bg: var(--teal-900); --tile-fg: var(--teal-100); --tile-strip: var(--teal-400); }
[data-tile="sky"] { --tile-bg: var(--sky-100); --tile-fg: var(--sky-900); --tile-strip: var(--sky-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="sky"] { --tile-bg: var(--sky-900); --tile-fg: var(--sky-100); --tile-strip: var(--sky-400); } }
[data-theme="dark"] [data-tile="sky"], [data-theme="dark"][data-tile="sky"] { --tile-bg: var(--sky-900); --tile-fg: var(--sky-100); --tile-strip: var(--sky-400); }
[data-tile="blue"] { --tile-bg: var(--blue-100); --tile-fg: var(--blue-900); --tile-strip: var(--blue-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="blue"] { --tile-bg: var(--blue-900); --tile-fg: var(--blue-100); --tile-strip: var(--blue-400); } }
[data-theme="dark"] [data-tile="blue"], [data-theme="dark"][data-tile="blue"] { --tile-bg: var(--blue-900); --tile-fg: var(--blue-100); --tile-strip: var(--blue-400); }
[data-tile="violet"] { --tile-bg: var(--violet-100); --tile-fg: var(--violet-900); --tile-strip: var(--violet-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="violet"] { --tile-bg: var(--violet-900); --tile-fg: var(--violet-100); --tile-strip: var(--violet-400); } }
[data-theme="dark"] [data-tile="violet"], [data-theme="dark"][data-tile="violet"] { --tile-bg: var(--violet-900); --tile-fg: var(--violet-100); --tile-strip: var(--violet-400); }
[data-tile="pink"] { --tile-bg: var(--pink-100); --tile-fg: var(--pink-900); --tile-strip: var(--pink-500); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-tile="pink"] { --tile-bg: var(--pink-900); --tile-fg: var(--pink-100); --tile-strip: var(--pink-400); } }
[data-theme="dark"] [data-tile="pink"], [data-theme="dark"][data-tile="pink"] { --tile-bg: var(--pink-900); --tile-fg: var(--pink-100); --tile-strip: var(--pink-400); }
:root { --ico-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012l5%205l10%20-10'%2F%3E%3C%2Fsvg%3E"); }