/* ============================================================
   BalleBaazi Row 100031 — Variables
   Sunlit League light palette per Factory selection LIGHT_COLOR_008
   Editorial newspaper aesthetic, single accent, no second hue
   ============================================================ */
:root {
  /* Surfaces */
  --bg: #FFFBEF;
  --surface: #FFFFFF;
  --surface-2: #FFF0C8;
  --surface-rule: rgba(29, 42, 54, 0.10);
  --surface-rule-strong: rgba(29, 42, 54, 0.22);

  /* Ink */
  --ink: #1D2A36;
  --ink-soft: #36475A;
  --muted: #5E6871;
  --muted-2: #8A939C;

  /* Brand lock: one accent only */
  --primary: #176A9E;        /* navy-blue navigation system */
  --primary-strong: #0F4E78;
  --accent: #D17A00;         /* amber accent — used everywhere */
  --accent-strong: #A85F00;

  /* Status */
  --ok: #1F7A4A;
  --warn: #B46300;
  --danger: #A52A2A;

  /* Borders */
  --border: #ECD9A7;
  --border-strong: #D9C179;

  /* Type */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Devanagari", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Devanagari", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* Type scale */
  --fs-h1-desktop: 56px;
  --fs-h1-mobile: 36px;
  --fs-h2-desktop: 32px;
  --fs-h2-mobile: 24px;
  --fs-h3: 20px;
  --fs-h4: 17px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-eyebrow: 12px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Layout */
  --container: 1200px;
  --container-narrow: 880px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Header */
  --header-h: 116px;
  --header-h-mobile: 64px;

  /* Shadow */
  --shadow-card: 0 1px 0 rgba(29, 42, 54, 0.06), 0 2px 8px rgba(29, 42, 54, 0.04);
  --shadow-pop: 0 12px 32px rgba(29, 42, 54, 0.12);

  /* Motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur: 180ms;
}