/* OraCleid WORLD scene tokens — the governed website scene-token layer.
   WO-WEB-BUILD-CANONICAL / P0 FOUNDATION.

   The canonical identity palette stays in ora-tokens.css (generated, never
   edited). This file adds the ONE thing the identity file cannot express: the
   environment of the approved Saudi Visual North Star — a Riyadh dusk. Every
   colour below is a scene colour (sky, horizon, city light, ground, glass
   tint). No control, text or accent colour is defined here; those keep
   resolving from --ora-*. Components must never use a literal: they use
   --ora-* or --w-* only (tools/qa.mjs enforces both).

   Rules of the palette
   - Purple/silver is the identity. Dusk amber exists only as LIGHT in the
     environment (horizon, city glow, warm rim) — never on a control.
   - Green exists only inside the Saudi flag. There is no green token for UI.
   - Light mode is the same place at dawn: pearl sky, silver haze, controlled
     violet. Not a white SaaS page.
   - --w-glass is an RGB triplet so materials can mix their own opacity. */

:root {
  /* ---- dawn (light) ---------------------------------------------------- */
  /* dawn = pearl, silver, neutral daylight, a breath of violet, one restrained warm light */
  --w-sky-zenith:   #edecf2;
  --w-sky-mid:      #e4e2ea;
  --w-sky-glow:     #e9e4e8;
  --w-horizon:      #f1e4d6;
  --w-horizon-hot:  #fbf3e8;
  --w-city-light:   #f0c898;
  --w-ground:       #f4f3f7;
  --w-ground-deep:  #e8e6ee;
  --w-haze:         #f8f7fb;
  --w-silhouette:   #a9a4bb;
  --w-glass:        255 255 255;
  --w-glass-edge:   255 255 255;
  --w-shadow:       58 30 110;
  --w-glow:         132 73 232;
  --w-ink:          #1b1526;
  --w-ink-soft:     #4b4460;
  --w-silver:       #8f8aa6;
  --w-silver-bright:#cfd2e3;
  /* Riyadh scene (P1): clouds, two city depths, windows, road light, terrace */
  --w-cloud:        #f4eefa;
  --w-city-far:     #c2b7da;
  --w-city-near:    #8a7fa8;
  --w-window:       #ffd9a0;
  --w-road:         #ffc47e;
  --w-terrace:      #e4dcf0;
  --w-terrace-deep: #d3c9e6;
  --w-balustrade:   255 255 255;
  /* neutral foundation (reference-led reset): the page is neutral; purple is an accent */
  --w-base:         #f7f7f9;
  --w-base-2:       #ffffff;
  --w-base-3:       #efeef3;
  --w-line:         #e3e2e9;
  --w-line-2:       #d2d0da;
  --w-text:         #17161c;
  --w-text-2:       #5d5b68;
  --w-text-3:       #8d8a99;
  --w-warm:         #f5e6d3;
  /* reference-led shell (BUILD 01): a fourth surface level and three status colours (status only, never decoration) */
  --w-base-4:       #e8e7ee;
  --w-ok:           #1f9d6a;
  --w-warn:         #b8791a;
  --w-err:          #c8433f;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ora-appearance="light"]) {
    --w-sky-zenith:   #0f0a1f;
    --w-sky-mid:      #31195c;
    --w-sky-glow:     #a8477f;
    --w-horizon:      #ef9f58;
    --w-horizon-hot:  #ffd59c;
    --w-city-light:   #ffb066;
    --w-ground:       #150f27;
    --w-ground-deep:  #0c0817;
    --w-haze:         #2a1b48;
    --w-silhouette:   #1a1030;
    --w-glass:        124 82 214;
    --w-glass-edge:   214 196 255;
    --w-shadow:       8 4 24;
    --w-glow:         160 109 245;
    --w-ink:          #f5f1fc;
    --w-ink-soft:     #c9c1dd;
    --w-silver:       #b9bccd;
    --w-silver-bright:#e6e8f2;
    --w-cloud:        #3b2a63;
    --w-city-far:     #2b1d4d;
    --w-city-near:    #130c25;
    --w-window:       #ffcf8a;
    --w-road:         #ffb66a;
    --w-terrace:      #1a1230;
    --w-terrace-deep: #0d0818;
    --w-balustrade:   205 186 255;
    --w-base:         #0e0d12;
    --w-base-2:       #15141a;
    --w-base-3:       #1c1b22;
    --w-line:         #26252e;
    --w-line-2:       #35333e;
    --w-text:         #f3f2f6;
    --w-text-2:       #a9a6b5;
    --w-text-3:       #6f6c7c;
    --w-warm:         #3a2a1e;
    --w-base-4:       #24232b;
    --w-ok:           #3ddc97;
    --w-warn:         #f2b84b;
    --w-err:          #ff6b6b;
  }
}
:root[data-ora-appearance="dark"] {
  --w-sky-zenith:   #0f0a1f;
  --w-sky-mid:      #31195c;
  --w-sky-glow:     #a8477f;
  --w-horizon:      #ef9f58;
  --w-horizon-hot:  #ffd59c;
  --w-city-light:   #ffb066;
  --w-ground:       #150f27;
  --w-ground-deep:  #0c0817;
  --w-haze:         #2a1b48;
  --w-silhouette:   #1a1030;
  --w-glass:        124 82 214;
  --w-glass-edge:   214 196 255;
  --w-shadow:       8 4 24;
  --w-glow:         160 109 245;
  --w-ink:          #f5f1fc;
  --w-ink-soft:     #c9c1dd;
  --w-silver:       #b9bccd;
  --w-silver-bright:#e6e8f2;
  --w-cloud:        #3b2a63;
  --w-city-far:     #2b1d4d;
  --w-city-near:    #130c25;
  --w-window:       #ffcf8a;
  --w-road:         #ffb66a;
  --w-terrace:      #1a1230;
  --w-terrace-deep: #0d0818;
  --w-balustrade:   205 186 255;
  --w-base:         #0e0d12;
  --w-base-2:       #15141a;
  --w-base-3:       #1c1b22;
  --w-line:         #26252e;
  --w-line-2:       #35333e;
  --w-text:         #f3f2f6;
  --w-text-2:       #a9a6b5;
  --w-text-3:       #6f6c7c;
  --w-warm:         #3a2a1e;
  --w-base-4:       #24232b;
  --w-ok:           #3ddc97;
  --w-warn:         #f2b84b;
  --w-err:          #ff6b6b;
}