/* crub CSS variables, compiled from the crub design system tokens. */
:root, [data-theme="light"] {
  --surface: #FFFDF9;
  --surface-sidebar: #F8F4EE;
  --surface-raised: #FFFFFF;
  --surface-well: #F5F0E9;
  --surface-hover: #F1EBE3;
  --line: #EDE6DD;
  --line-raised: #E3DBD0;
  --ink: #1D1815;
  --ink-secondary: #655B53;
  --ink-tertiary: #71665D;
  --ink-faint: #B2A79C;
  --control-border: #8E8378;
  --accent: #A43B2E;
  --accent-hover: #8F3125;
  --accent-pressed: #7C2A20;
  --accent-text: #A43B2E;
  --accent-soft: #F8E9E4;
  --on-accent: #FFFFFF;
  --selection: rgba(164, 59, 46, 0.08);
  --focus-ring: #A43B2E;
  --success: #3B6B4C;
  --success-soft: #E5EFE7;
  --warning: #855709;
  --warning-soft: #F8ECD3;
  --danger: #93203A;
  --danger-soft: #F8E2E4;
  --info: #2D5AA4;
  --info-soft: #E5ECF8;
  --glaze-ash-bg: #F0ECE7;
  --glaze-ash-ring: #E2DBD3;
  --glaze-ash-text: #584F48;
  --glaze-ash-dot: #9A8F85;
  --glaze-terracotta-bg: #F8E6E0;
  --glaze-terracotta-ring: #EFCFC5;
  --glaze-terracotta-text: #8B3225;
  --glaze-terracotta-dot: #B4483A;
  --glaze-ochre-bg: #F9EDD3;
  --glaze-ochre-ring: #EFDBAE;
  --glaze-ochre-text: #744E0B;
  --glaze-ochre-dot: #B5801A;
  --glaze-olive-bg: #EEF0DB;
  --glaze-olive-ring: #DCE0B8;
  --glaze-olive-text: #4F5816;
  --glaze-olive-dot: #8A9330;
  --glaze-celadon-bg: #E2F0EA;
  --glaze-celadon-ring: #C6E0D4;
  --glaze-celadon-text: #2D624D;
  --glaze-celadon-dot: #4E9A7A;
  --glaze-cobalt-bg: #E5ECF8;
  --glaze-cobalt-ring: #CBD8F0;
  --glaze-cobalt-text: #2B5196;
  --glaze-cobalt-dot: #3F6FC0;
  --glaze-manganese-bg: #F0E8F3;
  --glaze-manganese-ring: #E0D0E7;
  --glaze-manganese-text: #683A7D;
  --glaze-manganese-dot: #8C5AA3;
  --glaze-rose-bg: #F9E6EC;
  --glaze-rose-ring: #F0CDD9;
  --glaze-rose-text: #8A2E50;
  --glaze-rose-dot: #C0507A;
  --chart-1: #A43B2E;
  --chart-2: #6E6157;
  --chart-3: #5B7DB5;
  --chart-4: #B58A3E;
  --chart-5: #5E9680;
  --chart-grid: #EFE9E1;
  --brand-terracotta: #A43B2E;
  --brand-kiln: #120F0E;
  --brand-char: #1D1917;
  --brand-umber: #2B2320;
  --brand-slip: #F6F1EA;
  --brand-bisque: #ECE4D9;
  --brand-stoneware: #A8A197;
  --shadow-control: 0 0 2px rgba(64, 40, 26, 0.2), 0 1px 3px rgba(28, 18, 12, 0.05);
  --shadow-primary: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 2px 4px -2px rgba(164, 59, 46, 0.24), 0 3px 6px -2px rgba(164, 59, 46, 0.16);
  --shadow-popover: 0 0 0 1px rgba(64, 40, 26, 0.06), 0 4px 8px -4px rgba(64, 40, 26, 0.12), 0 4px 12px -2px rgba(48, 30, 20, 0.14);
  --shadow-dialog: 0 8px 28px -6px rgba(64, 40, 26, 0.12), 0 18px 88px -4px rgba(64, 40, 26, 0.16), 0 0 1px rgba(64, 40, 26, 0.16);
}
[data-theme="dark"] {
  --surface: #141110;
  --surface-sidebar: #100E0D;
  --surface-raised: #1C1816;
  --surface-well: #191514;
  --surface-hover: #26201D;
  --line: #231E1B;
  --line-raised: #2D2623;
  --ink: #F2ECE6;
  --ink-secondary: #ADA298;
  --ink-tertiary: #978B80;
  --ink-faint: #5A514B;
  --control-border: #7A6F66;
  --accent: #B5473A;
  --accent-hover: #C2533F;
  --accent-pressed: #A33E31;
  --accent-text: #E58A74;
  --accent-soft: #341A15;
  --selection: rgba(229, 138, 116, 0.12);
  --focus-ring: #E58A74;
  --success: #86BC97;
  --success-soft: #16261B;
  --warning: #E3B45E;
  --warning-soft: #2E220C;
  --danger: #F2939B;
  --danger-soft: #3A151A;
  --info: #93B3EA;
  --info-soft: #152039;
  --glaze-ash-bg: #24201D;
  --glaze-ash-ring: #352F2B;
  --glaze-ash-text: #CDC3B9;
  --glaze-ash-dot: #8F857B;
  --glaze-terracotta-bg: #3A1D17;
  --glaze-terracotta-ring: #542A20;
  --glaze-terracotta-text: #F4A896;
  --glaze-terracotta-dot: #D46A55;
  --glaze-ochre-bg: #33260E;
  --glaze-ochre-ring: #4B3815;
  --glaze-ochre-text: #F1C772;
  --glaze-ochre-dot: #D9A33A;
  --glaze-olive-bg: #262A10;
  --glaze-olive-ring: #3A4018;
  --glaze-olive-text: #CED88E;
  --glaze-olive-dot: #A9B44A;
  --glaze-celadon-bg: #13291F;
  --glaze-celadon-ring: #1F3F30;
  --glaze-celadon-text: #93D2B6;
  --glaze-celadon-dot: #5DB491;
  --glaze-cobalt-bg: #152038;
  --glaze-cobalt-ring: #213153;
  --glaze-cobalt-text: #A1BCEF;
  --glaze-cobalt-dot: #6E93D8;
  --glaze-manganese-bg: #2A1A31;
  --glaze-manganese-ring: #402849;
  --glaze-manganese-text: #D6B2E4;
  --glaze-manganese-dot: #B282C8;
  --glaze-rose-bg: #361722;
  --glaze-rose-ring: #502333;
  --glaze-rose-text: #F2A7C2;
  --glaze-rose-dot: #DA6F97;
  --chart-1: #D46A55;
  --chart-2: #A99C90;
  --chart-3: #7C9DD6;
  --chart-4: #D2A85B;
  --chart-5: #76B49A;
  --chart-grid: #221D1A;
  --shadow-control: inset 0 0 0 1px #2D2623, 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-primary: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow-popover: inset 0 0 0 1px #2D2623, 0 0 0 1px rgba(0, 0, 0, 0.16), 0 4px 8px -4px rgba(0, 0, 0, 0.24), 0 4px 12px -2px rgba(0, 0, 0, 0.32);
  --shadow-dialog: 0 8px 28px -6px rgba(0, 0, 0, 0.48), 0 18px 88px -4px rgba(0, 0, 0, 0.64);
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-full: 999px;
  --size-control: 28px;
  --size-menu-item: 32px;
  --size-bar: 48px;
  --size-grid-header: 40px;
  --size-grid-row: 36px;
  --size-icon: 16px;
  --size-sidebar: 264px;
  --size-name-column: 250px;
  --size-column: 180px;
  --size-settings-column: 768px;
  --size-dialog: 608px;
  --size-dialog-lg: 808px;
  --size-drawer: 360px;
  --size-preview: 480px;
  --duration-popover: 80ms;
  --duration-chip: 140ms;
  --duration-control: 200ms;
  --duration-press: 320ms;
  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-press: cubic-bezier(0.2, 0, 0, 1);
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
}