/* ============================================================
   COLORS — Saudi Film Commission
   Base brand palette is taken verbatim from the 2024/2026 brand
   guidelines. Semantic + neutral scales are derived from the
   dark-blue ink (#002733) to support an editorial, cinematic,
   data-driven "cultural intelligence" aesthetic.
   ============================================================ */

:root {
  /* ---- Brand core ---------------------------------------- */
  --sfc-ink:    #002733; /* Dark-Blue — primary brand color, the "ink" */
  --sfc-black:  #000000;
  --sfc-orange: #EC402A; /* signature accent ("Orange") */
  --sfc-purple: #910358;
  --sfc-amber:  #FF8212; /* guideline "Yellow" */
  --sfc-peach:  #FFC7A1;
  --sfc-mint:   #7FC6B9; /* "Mint Green" */
  --sfc-red:    #D60012;

  /* ---- Orange ramp (primary accent, derived) ------------- */
  --orange-50:  #FEF0ED;
  --orange-100: #FBD6CE;
  --orange-300: #F4937F;
  --orange-500: #EC402A; /* base */
  --orange-600: #D2331F;
  --orange-700: #A8281A;

  /* ---- Ink / neutral scale (warm, editorial) ------------- */
  --ink-950: #001A23;
  --ink-900: #002733; /* brand dark-blue */
  --ink-800: #0C3340;
  --ink-700: #1B3B45;
  --ink-600: #34505A;
  --ink-500: #556A72;
  --ink-400: #7B8C92;
  --ink-300: #A7B4B8;
  --ink-200: #CBD3D5;
  --ink-100: #E4E8E9;

  /* ---- Paper / warm off-white surfaces ------------------- */
  --paper-0:   #FFFFFF;
  --paper-50:  #FAF8F4; /* primary page surface — warm gallery white */
  --paper-100: #F4F0EA;
  --paper-200: #EAE4DB;
  --paper-300: #DED6CA;

  /* ---- Semantic surfaces --------------------------------- */
  --surface-page:    var(--paper-50);
  --surface-card:    var(--paper-0);
  --surface-sunken:  var(--paper-100);
  --surface-inverse: var(--ink-900);
  --surface-overlay: rgba(0, 39, 51, 0.55);

  /* ---- Semantic text ------------------------------------- */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-subtle:  var(--ink-400);
  --text-on-dark: var(--paper-50);
  --text-on-dark-muted: rgba(250, 248, 244, 0.62);
  --text-accent:  var(--sfc-orange);

  /* ---- Semantic accents ---------------------------------- */
  --accent-primary: var(--sfc-orange);
  --accent-ink:     var(--sfc-ink);
  --accent-purple:  var(--sfc-purple);
  --accent-amber:   var(--sfc-amber);
  --accent-mint:    var(--sfc-mint);
  --accent-peach:   var(--sfc-peach);
  --accent-red:     var(--sfc-red);

  /* ---- Borders / lines ----------------------------------- */
  --line-hairline: rgba(0, 39, 51, 0.10);
  --line-soft:     rgba(0, 39, 51, 0.16);
  --line-strong:   rgba(0, 39, 51, 0.32);
  --line-on-dark:  rgba(250, 248, 244, 0.16);

  /* ---- Data-viz sequence (categorical) ------------------- */
  --viz-1: #EC402A;
  --viz-2: #FF8212;
  --viz-3: #7FC6B9;
  --viz-4: #910358;
  --viz-5: #002733;
  --viz-6: #FFC7A1;
  --viz-7: #D60012;

  /* ---- States -------------------------------------------- */
  --state-positive: #1F8A5B;
  --state-negative: var(--sfc-red);
  --focus-ring:     rgba(236, 64, 42, 0.45);
}