/* ═══════════════════════════════════════════════════════════════
   Color Parameters — System-wide + per-family configuration

   Using @property for typed, animatable custom properties.
   syntax: "<number>" enables CSS transitions/animations on hue,
   chroma, and lightness parameters. inherits: true allows
   theme-ui and [data-theme] to override per-subtree.
   ═══════════════════════════════════════════════════════════════ */

/* ── System bounds ── */
@property --a-color-l-min              { syntax: "<number>"; inherits: true; initial-value: 0.150; }
@property --a-color-l-max              { syntax: "<number>"; inherits: true; initial-value: 0.975; }
@property --a-color-surface-increment  { syntax: "<number>"; inherits: true; initial-value: 0.04; }
@property --a-color-alpha-min          { syntax: "<number>"; inherits: true; initial-value: 0.05; }
@property --a-color-alpha-max          { syntax: "<number>"; inherits: true; initial-value: 0.85; }
@property --a-color-tint-scrim-l       { syntax: "<number>"; inherits: true; initial-value: 0.99; }
@property --a-color-shade-scrim-l      { syntax: "<number>"; inherits: true; initial-value: 0.05; }

/* ── Neutral ── */
@property --a-neutral-hue              { syntax: "<number>"; inherits: true; initial-value: 225; }
@property --a-neutral-c-min            { syntax: "<number>"; inherits: true; initial-value: 0.010; }
@property --a-neutral-c-max            { syntax: "<number>"; inherits: true; initial-value: 0.025; }

/* ── Brand ── */
@property --a-brand-hue                { syntax: "<number>"; inherits: true; initial-value: 225; }
@property --a-brand-c-min              { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-brand-c-max              { syntax: "<number>"; inherits: true; initial-value: 0.18; }

/* ── Accent ── */
@property --a-accent-hue               { syntax: "<number>"; inherits: true; initial-value: 225; }
@property --a-accent-c-min             { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-accent-c-max             { syntax: "<number>"; inherits: true; initial-value: 0.18; }

/* ── Info ── */
@property --a-info-hue                 { syntax: "<number>"; inherits: true; initial-value: 250; }
@property --a-info-c-min               { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-info-c-max               { syntax: "<number>"; inherits: true; initial-value: 0.16; }

/* ── Success ── */
@property --a-success-hue              { syntax: "<number>"; inherits: true; initial-value: 145; }
@property --a-success-c-min            { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-success-c-max            { syntax: "<number>"; inherits: true; initial-value: 0.14; }

/* ── Warning ── (yellow) ── */
/* Hue rotated 65→88 toward true yellow/gold, enabled by the lightness lift below:
   at L0.56 hue-88 reads olive, but once -50 rides up to yellow's cusp it reads gold. */
@property --a-warning-hue              { syntax: "<number>"; inherits: true; initial-value: 70; }
@property --a-warning-c-min            { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-warning-c-max            { syntax: "<number>"; inherits: true; initial-value: 0.18; }
/* Per-hue lightness lift. Yellow's OKLCH gamut cusp is ~L0.86, not the ramp's mid
   L0.56, so the most-saturated step (-50) is a muddy amber. primitives-warning.css
   adds `+ _sf·_cf·l-lift` to L, tenting lightness up where chroma peaks (mid steps)
   while leaving the light tints + dark shades anchored. Warning-only; 0 = off. */
@property --a-warning-l-lift           { syntax: "<number>"; inherits: true; initial-value: 0.6; }

/* ── Danger ── */
@property --a-danger-hue               { syntax: "<number>"; inherits: true; initial-value: 26; }
@property --a-danger-c-min             { syntax: "<number>"; inherits: true; initial-value: 0.02; }
@property --a-danger-c-max             { syntax: "<number>"; inherits: true; initial-value: 0.16; }
