/* Generated from src/ui/palette.ts at build time (web/src/styles/tokens.ts). */
:root {
  color-scheme: dark light;
  --color-bg-base: #080a12;
  --color-text-primary: #ffffff;
  --color-text-secondary: #d4d8e5;
  --color-text-tertiary: #a6acc0;
  --color-glass-fill: #ffffff1a;
  --color-glass-fill-strong: #161924b8;
  --color-glass-rim-top: #ffffff6b;
  --color-glass-rim-clear: #ffffff0a;
  --color-glass-rim-soft: #ffffff40;
  --color-glass-shadow: #00000059;
  --color-shadow-depth: #0000008c;
  --color-highlight-specular: #ffffff29;
  --color-glass-thickness: #00000066;
  --color-bubble-quote: #00000033;
  --color-scrim-edge: #080a12eb;
  --color-scrim-mid: #080a12ad;
  --color-scrim-strong: #080a12eb;
  --color-scrim-photo-edge: #080a12eb;
  --color-scrim-photo-mid: #080a12ad;
  --color-dim-form: #080a128c;
  --color-dim-menu: #0000004d;
  --color-divider: #ffffff1a;
  --color-inverse-bg: #ffffff;
  --color-inverse-text: #0b0d14;
  --color-control-fill: #ffffff14;
  --color-status-error: #ff5c6c;
  --color-status-success: #4ade80;
  --swatch-cold-start: #16e0a0;
  --swatch-cold-end: #22c8e8;
  --swatch-hot-start: #ff6a3d;
  --swatch-hot-end: #ff3d7f;
  --swatch-aurora-start: #9365ff;
  --swatch-aurora-end: #22d3ee;
  --swatch-gold-start: #f59e0b;
  --swatch-gold-end: #fde68a;
  --color-accent-base: #8453f6;
  --color-accent-base-2: #2a70e3;
  --color-accent-highlight: #22d3ee;
  --color-accent-grad-start: #9365ff;
  --color-accent-grad-end: #22d3ee;
  --color-accent-text: #b49bff;
  --color-accent-on: #ffffff;
  --color-accent-ring: #8453f6;
  --color-accent-glow: #8b5cff66;
  --color-accent-spill: #8b5cff8c;
  --color-accent-tint: #8b5cff2e;
  --color-accent-tint-strong: #8b5cff80;
  --color-accent-grade: #6c4cf0;
  --color-accent-soft: #8b5cff3d;
  --photo-grade-strength: 0.34;
}
:root[data-palette='cold'] {
  --color-accent-base: #16e0a0;
  --color-accent-base-2: #22c8e8;
  --color-accent-highlight: #22c8e8;
  --color-accent-grad-start: #16e0a0;
  --color-accent-grad-end: #22c8e8;
  --color-accent-text: #4cedb9;
  --color-accent-on: #03140e;
  --color-accent-ring: #16e0a0;
  --color-accent-glow: #16e0a066;
  --color-accent-spill: #16e0a08c;
  --color-accent-tint: #16e0a02e;
  --color-accent-tint-strong: #16e0a080;
  --color-accent-grade: #0e9fb0;
  --color-accent-soft: #16e0a02e;
  --photo-grade-strength: 0.34;
}
:root[data-palette='hot'] {
  --color-accent-base: #ff6a3d;
  --color-accent-base-2: #ff3d7f;
  --color-accent-highlight: #ff3d7f;
  --color-accent-grad-start: #ff6a3d;
  --color-accent-grad-end: #ff3d7f;
  --color-accent-text: #ff8a63;
  --color-accent-on: #1a0800;
  --color-accent-ring: #ff6a3d;
  --color-accent-glow: #ff6a3d66;
  --color-accent-spill: #ff6a3d8c;
  --color-accent-tint: #ff6a3d2e;
  --color-accent-tint-strong: #ff6a3d80;
  --color-accent-grade: #ff5a2a;
  --color-accent-soft: #ff6a3d33;
  --photo-grade-strength: 0.34;
}
:root[data-palette='gold'] {
  --color-accent-base: #f59e0b;
  --color-accent-base-2: #fbbf24;
  --color-accent-highlight: #fde68a;
  --color-accent-grad-start: #f59e0b;
  --color-accent-grad-end: #fde68a;
  --color-accent-text: #fcd34d;
  --color-accent-on: #1a1000;
  --color-accent-ring: #f59e0b;
  --color-accent-glow: #f59e0b66;
  --color-accent-spill: #f59e0b8c;
  --color-accent-tint: #f59e0b2e;
  --color-accent-tint-strong: #f59e0b80;
  --color-accent-grade: #d97706;
  --color-accent-soft: #f59e0b38;
  --photo-grade-strength: 0.34;
}
@media (prefers-color-scheme: light) {
  :root {
    --color-bg-base: #f6f1ea;
    --color-text-primary: #15171c;
    --color-text-secondary: #3f444e;
    --color-text-tertiary: #525865;
    --color-glass-fill: #ffffff9e;
    --color-glass-fill-strong: #ffffffdb;
    --color-glass-rim-top: #ffffff;
    --color-glass-rim-clear: #ffffff40;
    --color-glass-rim-soft: #ffffff99;
    --color-glass-shadow: #1a12061a;
    --color-shadow-depth: #1a120633;
    --color-highlight-specular: #ffffffcc;
    --color-glass-thickness: #1a12060f;
    --color-bubble-quote: #00000033;
    --color-scrim-edge: #f6f1eacc;
    --color-scrim-mid: #f6f1ea73;
    --color-scrim-strong: #f6f1eae6;
    --color-scrim-photo-edge: #f6f1eadb;
    --color-scrim-photo-mid: #f6f1eadb;
    --color-dim-form: #f6f1ead1;
    --color-dim-menu: #0000004d;
    --color-divider: #00000014;
    --color-inverse-bg: #15171c;
    --color-inverse-text: #ffffff;
    --color-control-fill: #0000000f;
    --color-status-error: #bc0f37;
    --color-status-success: #16794a;
    --swatch-cold-start: #006c47;
    --swatch-cold-end: #00677e;
    --swatch-hot-start: #b02f00;
    --swatch-hot-end: #b91050;
    --swatch-aurora-start: #6738e4;
    --swatch-aurora-end: #006494;
    --swatch-gold-start: #a14100;
    --swatch-gold-end: #8c4f00;
    --color-accent-base: #8453f6;
    --color-accent-base-2: #2a70e3;
    --color-accent-highlight: #22d3ee;
    --color-accent-grad-start: #6738e4;
    --color-accent-grad-end: #006494;
    --color-accent-text: #6738e4;
    --color-accent-on: #ffffff;
    --color-accent-ring: #6738e4;
    --color-accent-glow: #8b5cff66;
    --color-accent-spill: #8b5cff8c;
    --color-accent-tint: #8b5cff2e;
    --color-accent-tint-strong: #8b5cff80;
    --color-accent-grade: #6c4cf0;
    --color-accent-soft: #6a3de81f;
    --photo-grade-strength: 0.16;
  }
  :root[data-palette='cold'] {
    --color-accent-base: #16e0a0;
    --color-accent-base-2: #22c8e8;
    --color-accent-highlight: #22c8e8;
    --color-accent-grad-start: #006c47;
    --color-accent-grad-end: #00677e;
    --color-accent-text: #006c47;
    --color-accent-on: #03140e;
    --color-accent-ring: #006c47;
    --color-accent-glow: #16e0a066;
    --color-accent-spill: #16e0a08c;
    --color-accent-tint: #16e0a02e;
    --color-accent-tint-strong: #16e0a080;
    --color-accent-grade: #0e9fb0;
    --color-accent-soft: #00805a1f;
    --photo-grade-strength: 0.16;
  }
  :root[data-palette='hot'] {
    --color-accent-base: #ff6a3d;
    --color-accent-base-2: #ff3d7f;
    --color-accent-highlight: #ff3d7f;
    --color-accent-grad-start: #b02f00;
    --color-accent-grad-end: #b91050;
    --color-accent-text: #b02f00;
    --color-accent-on: #1a0800;
    --color-accent-ring: #b02f00;
    --color-accent-glow: #ff6a3d66;
    --color-accent-spill: #ff6a3d8c;
    --color-accent-tint: #ff6a3d2e;
    --color-accent-tint-strong: #ff6a3d80;
    --color-accent-grade: #ff5a2a;
    --color-accent-soft: #ff5a1f24;
    --photo-grade-strength: 0.16;
  }
  :root[data-palette='gold'] {
    --color-accent-base: #f59e0b;
    --color-accent-base-2: #fbbf24;
    --color-accent-highlight: #fde68a;
    --color-accent-grad-start: #a14100;
    --color-accent-grad-end: #8c4f00;
    --color-accent-text: #a14100;
    --color-accent-on: #1a1000;
    --color-accent-ring: #a14100;
    --color-accent-glow: #f59e0b66;
    --color-accent-spill: #f59e0b8c;
    --color-accent-tint: #f59e0b2e;
    --color-accent-tint-strong: #f59e0b80;
    --color-accent-grade: #d97706;
    --color-accent-soft: #b453091f;
    --photo-grade-strength: 0.16;
  }
}