/* Auto-generated by scripts/build-tokens.js — DO NOT EDIT */

:root {
  /* === Base Ramps === */
  --color-neutral-100: #eeeeee;
  --color-neutral-200: #d7d7d7;
  --color-neutral-300: #c0c0c0;
  --color-neutral-400: #aaaaaa;
  --color-neutral-500: #949494;
  --color-neutral-600: #7f7f7f;
  --color-neutral-700: #6a6a6a;
  --color-neutral-800: #565656;
  --color-neutral-900: #434343;
  --color-neutral-1000: #313131;
  --color-neutral-1100: #202020;
  --color-neutral-1200: #101010;
  --color-neutral-1300: #030303;
  --color-primary1-100: #cef7ff;
  --color-primary1-200: #77ebff;
  --color-primary1-300: #00d8f3;
  --color-primary1-400: #00bfd7;
  --color-primary1-500: #00a7bc;
  --color-primary1-600: #008fa1;
  --color-primary1-700: #007888;
  --color-primary1-800: #00626f;
  --color-primary1-900: #004d57;
  --color-primary1-1000: #003841;
  --color-primary1-1100: #00252c;
  --color-primary1-1200: #001418;
  --color-primary1-1300: #000509;
  --color-secondary1-100: #eeeeee;
  --color-secondary1-200: #d7d7d7;
  --color-secondary1-300: #c0c0c0;
  --color-secondary1-400: #aaaaaa;
  --color-secondary1-500: #949494;
  --color-secondary1-600: #7f7f7f;
  --color-secondary1-700: #6a6a6a;
  --color-secondary1-800: #565656;
  --color-secondary1-900: #434343;
  --color-secondary1-1000: #313131;
  --color-secondary1-1100: #202020;
  --color-secondary1-1200: #101010;
  --color-secondary1-1300: #030303;
  --color-secondary2-100: #eeeeee;
  --color-secondary2-200: #d7d7d7;
  --color-secondary2-300: #c0c0c0;
  --color-secondary2-400: #aaaaaa;
  --color-secondary2-500: #949494;
  --color-secondary2-600: #7f7f7f;
  --color-secondary2-700: #6a6a6a;
  --color-secondary2-800: #565656;
  --color-secondary2-900: #434343;
  --color-secondary2-1000: #313131;
  --color-secondary2-1100: #202020;
  --color-secondary2-1200: #101010;
  --color-secondary2-1300: #030303;

  /* === Semantic Roles (Light) === */
  --surface-canvas: #cef7ff;
  --surface-base: rgba(238,238,238,0.45);
  --surface-raised: rgba(238,238,238,0.6);
  --surface-sunken: #c0c0c0;
  --surface-highlight: rgba(238,238,238,0.35);
  --surface-header: rgba(238,238,238,0.55);
  --content-primary: #101010;
  --content-secondary: #565656;
  --content-tertiary: #7f7f7f;
  --content-inverse: #eeeeee;
  --accent-primary1: #00E3FF;
  --accent-secondary1: #7f7f7f;
  --accent-secondary2: #7f7f7f;
  --outline-default: rgba(238,238,238,0.5);
  --outline-muted: rgba(148,148,148,0.35);

  /* === Component Tokens === */
  --category-cleaning-bg: #77ebff;
  --category-cleaning-text: #004d57;
  --category-packing-bg: #E8D5F5;
  --category-packing-text: #7B2CBF;
  --category-organising-bg: #C7F9E5;
  --category-organising-text: #0A8754;
  --category-painting-bg: #FFE0C2;
  --category-painting-text: #B54708;
  --category-basic-repairs-bg: #FFF3C4;
  --category-basic-repairs-text: #92400E;
  --category-trade-quote-bg: #FFD6D6;
  --category-trade-quote-text: #C53030;
  --category-buy-new-bg: #D4EDDA;
  --category-buy-new-text: #276749;
  --category-selling-bg: #FDE2FF;
  --category-selling-text: #9B2C8F;
  --category-in-progress-bg: #D6DFFF;
  --category-in-progress-text: #3730A3;
  --category-we-have-these-bg: #d7d7d7;
  --category-we-have-these-text: #565656;
  --status-todo-bg: #2B6CB0;
  --status-todo-text: #FFFFFF;
  --status-in-progress-bg: rgb(170, 51, 208);
  --status-in-progress-text: #FFFFFF;
  --status-blocked-bg: #C53030;
  --status-blocked-text: #FFFFFF;
  --status-done-bg: #276749;
  --status-done-text: #FFFFFF;
  --on-accent-primary1: #000000;
  --on-accent-secondary1: #FFFFFF;
  --on-accent-secondary2: #FFFFFF;
}

[data-theme="dark"] {
  /* === Semantic Roles (Dark) === */
  --surface-canvas: #00626f;
  --surface-base: rgba(238,238,238,0.06);
  --surface-raised: rgba(238,238,238,0.09);
  --surface-sunken: var(--color-primary1-1100, #00252c);
  --surface-highlight: rgba(238,238,238,0.06);
  --surface-header: rgba(0,20,24,0.7);
  --content-primary: #d7d7d7;
  --content-secondary: #949494;
  --content-tertiary: #6a6a6a;
  --content-inverse: #101010;
  --accent-primary1: #00E3FF;
  --accent-secondary1: #949494;
  --accent-secondary2: #949494;
  --outline-default: rgba(238,238,238,0.1);
  --outline-muted: rgba(238,238,238,0.06);
  /* Dark surface tokens — default cyan, overridden by theme-customizer */
  --dark-card: var(--color-primary1-1000, #003841);
  --dark-card-hover: var(--color-primary1-900, #004d57);
  --dark-surface: var(--color-primary1-1100, #00252c);
  --dark-surface-deep: var(--color-primary1-1200, #001418);
  --dark-surface-deepest: var(--color-primary1-1300, #000509);
  --dark-border: var(--color-primary1-1000, #003841);
}