/* ==========================================================================
   Shaz Media Co — design tokens
   Palette: Graphite & Citron (production default)   Corners: Soft

   GENERATED by _tools/gen_palettes.py — do not hand-edit. Re-run it after
   changing the default palette, or this fallback and the Customizer
   override disagree.

   Three accents, not one. Each is resolved against the surface it is drawn
   on and verified at 4.5:1:
     --acc       fill:  buttons, bars, dots, SVG strokes
     --acc-text  text on the page ground
     --acc-band  text on the inverted band (LIGHT on dark palettes and
                 DARK on light ones, so it is not just a darker accent)
   ========================================================================== */

:root {
  /* --- core palette ----------------------------------------------------- */
  --bg:        #131416;
  --ink:       #EDEFEE;
  --acc:       #C4D64B;
  --acc-text:  #C4D64B;
  --acc-band:  #666F27;
  --acc-deep:  #7E8F24;
  --on-acc:    #111214;

  /* inverted ground (the #capabilities band) */
  --alt-bg:    #EDEFEE;
  --alt-ink:   #131416;
  --alt-card:  #FFFFFF;

  /* --- ink at opacity — BORDERS AND FILLS ONLY -------------------------- */
  --ink-03:  rgba(237, 239, 238, 0.03);
  --ink-07:  rgba(237, 239, 238, 0.07);
  --ink-09:  rgba(237, 239, 238, 0.09);
  --ink-10:  rgba(237, 239, 238, 0.10);
  --ink-12:  rgba(237, 239, 238, 0.12);
  --ink-14:  rgba(237, 239, 238, 0.14);
  --ink-16:  rgba(237, 239, 238, 0.16);
  --ink-18:  rgba(237, 239, 238, 0.18);
  --ink-20:  rgba(237, 239, 238, 0.20);
  --ink-22:  rgba(237, 239, 238, 0.22);
  --ink-24:  rgba(237, 239, 238, 0.24);
  --ink-34:  rgba(237, 239, 238, 0.34);
  --ink-38:  rgba(237, 239, 238, 0.38);
  --ink-40:  rgba(237, 239, 238, 0.40);
  --ink-42:  rgba(237, 239, 238, 0.42);
  --ink-44:  rgba(237, 239, 238, 0.44);
  --ink-46:  rgba(237, 239, 238, 0.46);
  --ink-50:  rgba(237, 239, 238, 0.50);
  --ink-52:  rgba(237, 239, 238, 0.52);
  --ink-55:  rgba(237, 239, 238, 0.55);
  --ink-58:  rgba(237, 239, 238, 0.58);
  --ink-60:  rgba(237, 239, 238, 0.60);
  --ink-62:  rgba(237, 239, 238, 0.62);
  --ink-64:  rgba(237, 239, 238, 0.64);
  --ink-66:  rgba(237, 239, 238, 0.66);
  --ink-70:  rgba(237, 239, 238, 0.70);
  --ink-72:  rgba(237, 239, 238, 0.72);
  --ink-76:  rgba(237, 239, 238, 0.76);
  --ink-84:  rgba(237, 239, 238, 0.84);
  --ink-86:  rgba(237, 239, 238, 0.86);
  --ink-88:  rgba(237, 239, 238, 0.88);
  --ink-90:  rgba(237, 239, 238, 0.90);

  /* --- ink as TEXT: opaque, and clamped so each clears 4.5:1 on --bg ----
     Reusing the translucent border values for type is what put 107
     contrast failures on the page: ink @ 0.46 reads 4.07:1 here. */
  --ink-t-22: #8D8F8F;   /* raised from 0.22 */
  --ink-t-34: #8D8F8F;   /* raised from 0.34 */
  --ink-t-38: #8D8F8F;   /* raised from 0.38 */
  --ink-t-40: #8D8F8F;   /* raised from 0.40 */
  --ink-t-42: #8D8F8F;   /* raised from 0.42 */
  --ink-t-44: #8D8F8F;   /* raised from 0.44 */
  --ink-t-46: #8D8F8F;   /* raised from 0.46 */
  --ink-t-50: #8D8F8F;   /* raised from 0.50 */
  --ink-t-52: #8D8F8F;   /* raised from 0.52 */
  --ink-t-55: #8F9191;   /* raised from 0.55 */
  --ink-t-58: #919393;
  --ink-t-60: #969798;
  --ink-t-62: #9A9C9C;
  --ink-t-64: #9FA0A0;
  --ink-t-66: #A3A5A5;
  --ink-t-70: #ACADAD;
  --ink-t-72: #B0B2B2;
  --ink-t-76: #B9BABA;
  --ink-t-84: #CACCCB;
  --ink-t-86: #CED0D0;
  --ink-t-88: #D3D5D4;
  --ink-t-90: #D7D9D8;

  /* the same, on the inverted band */
  --alt-ink-t-38: #5D5E5F;   /* raised from 0.38 */
  --alt-ink-t-62: #5D5E5F;   /* raised from 0.62 */
  --alt-ink-t-64: #5D5E5F;   /* raised from 0.64 */

  /* --- accent at opacity ------------------------------------------------ */
  --acc-05:  rgba(196, 214, 75, 0.05);
  --acc-06:  rgba(196, 214, 75, 0.06);
  --acc-07:  rgba(196, 214, 75, 0.07);
  --acc-12:  rgba(196, 214, 75, 0.12);
  --acc-14:  rgba(196, 214, 75, 0.14);
  --acc-16:  rgba(196, 214, 75, 0.16);
  --acc-30:  rgba(196, 214, 75, 0.30);
  --acc-32:  rgba(196, 214, 75, 0.32);
  --acc-34:  rgba(196, 214, 75, 0.34);
  --acc-38:  rgba(196, 214, 75, 0.38);
  --acc-40:  rgba(196, 214, 75, 0.40);
  --acc-50:  rgba(196, 214, 75, 0.50);
  --acc-60:  rgba(196, 214, 75, 0.60);
  --acc-70:  rgba(196, 214, 75, 0.70);

  /* --- ink on the inverted ground -------------------------------------- */
  --alt-ink-12: rgba(19, 20, 22, 0.12);
  --alt-ink-38: rgba(19, 20, 22, 0.38);
  --alt-ink-62: rgba(19, 20, 22, 0.62);
  --alt-ink-64: rgba(19, 20, 22, 0.64);

  /* page background at blur-bar opacity */
  --bg-86:   rgba(19, 20, 22, 0.86);

  /* --- status tones (shared with the portal) ---------------------------- */
  --good: #3E9C6B;
  --warn: #C9852B;
  --bad:  #D4503C;

  /* --- type ------------------------------------------------------------- */
  --fd: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fb: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --dw: 700;
  --dwb: 800;
  --dls: -0.04em;

  /* --- radii (Soft) ----------------------------------------------------- */
  --r:    12px;
  --rl:   22px;
  /* Chips and pills stay 999px in every set except Sharp. */
  --pill: 999px;

  /* --- motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* --- layout ----------------------------------------------------------- */
  /* ONE rail for the whole page. The header bar, the top strip, the hero,
     every section and the footer all centre on --wrap and gutter by
     --pad-x, so their content left edges land on the same x at every
     width. --rail is that same measurement for blocks that are
     full-bleed themselves (the header carries its own background) but
     whose CONTENT still has to line up with the sections below. */
  --wrap: 1200px;
  --pad-x: clamp(20px, 3vw, 34px);
  --rail: calc(var(--wrap) + (var(--pad-x) * 2));
  --pad-y: clamp(70px, 9vw, 120px);
}