:root {
  /* Heluca brand */
  --orange-bright: #ffc219;   /* glow, highlights, dial fill */
  --orange: #ffa415;          /* primary action, on-state */
  --amber-glow: #ffb21b;      /* torch, active elements */
  --blue: #58c0ff;            /* scenes, info, secondary */
  --blue-dark: #4b96ff;       /* blue gradients, pressed */
  --on-orange: #1a1206;       /* text/icon on amber */
  --on-blue: #08131f;         /* text/icon on blue */

  /* Dark neutrals (default theme) */
  --ink: #131118;             /* base */
  --base-200: #17151d;
  --surface: #1c1a24;
  --surface-raised: #2a2833;
  --text: #f2f0f7;
  --text-muted: #a09db0;
  --text-faint: #75727f;
  --hairline: rgba(255,255,255,.07);
  --divider: rgba(255,255,255,.10);

  /* Light neutrals (light theme) */
  --paper: #f4f1ea;
  --paper-surface: #ffffff;
  --text-dark: #26232b;
  --text-grey: #57545e;
  --text-lightgrey: #8a8792;
  --paper-hairline: #e4decf;

  /* Semantic / state (saturated, brand-independent) */
  --info: #06b6d4;
  --success: #10b981;
  --warning: #d4c81a;         /* caution — chartreuse, off the brand amber hue (readme: never reuse a brand hue) */
  --danger: #dc143c;

  /* Brand gradients (tonal within a hue) */
  --grad-orange: linear-gradient(135deg, #ffc219, #ffa415); /* @kind color */
  --grad-blue: linear-gradient(135deg, #58c0ff, #4b96ff); /* @kind color */
  /* Selected / active surface wash — theme-aware amber glow */
  --grad-glow: linear-gradient(135deg, color-mix(in srgb, var(--orange) 24%, var(--surface-card)), color-mix(in srgb, var(--orange) 5%, var(--surface-card))); /* @kind color */

  /* Semantic aliases */
  --primary: var(--orange);
  --primary-content: var(--on-orange);
  --secondary: var(--blue);
  --secondary-content: var(--on-blue);
  --accent: var(--orange-bright);
  --bg: var(--ink);
  --surface-card: var(--surface);
}