/* ============================================================
   Lumotia v0.3 — Quietware tonal + complement scales.

   Generated by scripts/generate-quietware-scales.py (committed
   alongside this file). 11 shades per hue, source colour anchored
   at the closest natural step (often 500 or 600). Saturation drops
   at extremes to avoid neon highs and washed-out lows.

   Components should NEVER reference these scales directly — they
   are consumed only by component tokens defined in
   v0.3-quietware-tokens.css.

   Active only under html[data-design="quietware"]; the v0.2 surface
   does not see these tokens.
   ============================================================ */
:root[data-design="quietware"] {
  /* red — source #FF0700 */
  --red-50:  #FAF5F5;
  --red-100: #F6E5E4;
  --red-200: #F4C4C2;
  --red-300: #F6918E;
  --red-400: #FB5651;
  --red-500: #FF110A;
  --red-600: #E60600;
  --red-700: #B30905;
  --red-800: #830A07;
  --red-900: #530B09;
  --red-950: #300908;

  /* blue — source #000AFF */
  --blue-50:  #F5F5FA;
  --blue-100: #E4E5F6;
  --blue-200: #C2C4F4;
  --blue-300: #8E92F6;
  --blue-400: #5158FB;
  --blue-500: #0A14FF;
  --blue-600: #0009E6;
  --blue-700: #050BB3;
  --blue-800: #070C83;
  --blue-900: #090C53;
  --blue-950: #080A30;

  /* green — source #00FF56 */
  --green-50:  #F5FAF7;
  --green-100: #E4F6EA;
  --green-200: #C2F4D3;
  --green-300: #8EF6B1;
  --green-400: #51FB8A;
  --green-500: #0AFF5D;
  --green-600: #00E64D;
  --green-700: #05B33F;
  --green-800: #078331;
  --green-900: #095322;
  --green-950: #083016;

  /* yellow — source #FFCD00 */
  --yellow-50:  #FAF9F5;
  --yellow-100: #F6F3E4;
  --yellow-200: #F4EAC2;
  --yellow-300: #F6E18E;
  --yellow-400: #FBD951;
  --yellow-500: #FFCF0A;
  --yellow-600: #E6B800;
  --yellow-700: #B39105;
  --yellow-800: #836B07;
  --yellow-900: #534409;
  --yellow-950: #302808;

  /* orange (brand) — source #F0620A */
  --orange-50:  #F9F7F5;
  --orange-100: #F5EBE5;
  --orange-200: #F2D6C4;
  --orange-300: #F2B792;
  --orange-400: #F49358;
  --orange-500: #F56A14;
  --orange-600: #DC5A09;
  --orange-700: #AC490C;
  --orange-800: #7E370C;
  --orange-900: #50260C;
  --orange-950: #2E180A;

  /* red-complement (cyan) — source #00F8FF */
  --red-complement-50:  #F5FAFA;
  --red-complement-100: #E4F6F6;
  --red-complement-200: #C2F3F4;
  --red-complement-300: #8EF3F6;
  --red-complement-400: #51F6FB;
  --red-complement-500: #0AF8FF;
  --red-complement-600: #00DFE6;
  --red-complement-700: #05AEB3;
  --red-complement-800: #077F83;
  --red-complement-900: #095153;
  --red-complement-950: #082F30;

  /* blue-complement (yellow) — source #FFF500 */
  --blue-complement-50:  #FAF9F5;
  --blue-complement-100: #F6F5E4;
  --blue-complement-200: #F4F2C2;
  --blue-complement-300: #F6F28E;
  --blue-complement-400: #FBF451;
  --blue-complement-500: #FFF50A;
  --blue-complement-600: #E6DC00;
  --blue-complement-700: #B3AC05;
  --blue-complement-800: #837E07;
  --blue-complement-900: #535009;
  --blue-complement-950: #302E08;

  /* green-complement (magenta) — source #FF00A9 */
  --green-complement-50:  #FAF5F8;
  --green-complement-100: #F6E4F0;
  --green-complement-200: #F4C2E3;
  --green-complement-300: #F68ED3;
  --green-complement-400: #FB51C1;
  --green-complement-500: #FF0AAC;
  --green-complement-600: #E60098;
  --green-complement-700: #B30578;
  --green-complement-800: #830759;
  --green-complement-900: #53093A;
  --green-complement-950: #300822;

  /* yellow-complement (blue) — source #0032FF */
  --yellow-complement-50:  #F5F6FA;
  --yellow-complement-100: #E4E8F6;
  --yellow-complement-200: #C2CCF4;
  --yellow-complement-300: #8EA2F6;
  --yellow-complement-400: #5172FB;
  --yellow-complement-500: #0A3AFF;
  --yellow-complement-600: #002DE6;
  --yellow-complement-700: #0527B3;
  --yellow-complement-800: #071F83;
  --yellow-complement-900: #091853;
  --yellow-complement-950: #081030;

  /* orange-complement (sky-blue) — source #0A98F0 */
  --orange-complement-50:  #F5F8F9;
  --orange-complement-100: #E5EFF5;
  --orange-complement-200: #C4E1F2;
  --orange-complement-300: #92CDF2;
  --orange-complement-400: #58B8F4;
  --orange-complement-500: #149FF5;
  --orange-complement-600: #098CDC;
  --orange-complement-700: #0C6FAC;
  --orange-complement-800: #0C527E;
  --orange-complement-900: #0C3650;
  --orange-complement-950: #0A202E;
}