/* GTM Group for Tourism, Hajj & Umrah — agency 2 of Safaros (D94, AD-33).

   Navy and antique gold, from the logo: the shield and the wordmark are navy,
   the ring, the crescent and the trail are gold. Nuit becomes a navy-black
   night with gold halos and stars; Halo becomes ivory paper with navy type
   and gold accents — the papers' palette (agencies/gtm-hajj/pdf/base.css).

   Loaded after the application's styles by /api/branding/theme.css. Every
   selector is the design system's own, prefixed with `html` so it outranks
   it without !important. Only brand colours change: layout, motion, type
   and the reader's own accent (« Apparence », BR-58) are untouched — the
   brand block below applies to the default accent only, as ABSHER's does. */

/* ---- The brand base: every halo, star, plane and button reads these ---- */
html:root {
  --nh-navy: #1D3A6B;
  --nh-navy-deep: #0B1F3F;
  --nh-sky: #C9A45C;
  --nh-sky-2: #E2C68C;
  --nh-sky-3: #F2E6C9;
  --nh-manara: #BF9445;
  --nh-manara-2: #D6B266;
  --nh-manara-3: #E4C887;
  --nh-manara-deep: #8A6420;
  --nh-night: #060E1F;
  --nh-navy-rgb: 29, 58, 107;
  --nh-navy-deep-rgb: 11, 31, 63;
  --nh-sky-rgb: 201, 164, 92;
  --nh-sky-2-rgb: 226, 198, 140;
  --nh-sky-3-rgb: 242, 230, 201;
  --nh-manara-rgb: 191, 148, 69;
  --nh-manara-2-rgb: 214, 178, 102;
  --nh-manara-3-rgb: 228, 200, 135;
  --nh-manara-deep-rgb: 138, 100, 32;
  --nh-night-rgb: 6, 14, 31;
  /* Halo's sidebar: GTM navy, deepening to the night, with cool ivory text. */
  --nh-side-top: #1D3A6B;
  --nh-side-bottom: #081733;
  --nh-side-mobile: #0B1733;
  --nh-side-text-2: #D5DCE8;
  --nh-side-text-3: #9AA8C2;

  /* The design system's primitives, retuned: navy for its blue, gold for
     its sky, bronze for its terracotta. */
  --absher-blue-50: #F5F8FC;
  --absher-blue-100: #E6ECF5;
  --absher-blue-200: #CCD7E8;
  --absher-blue-300: #A9BBD6;
  --absher-blue-400: #7F97BF;
  --absher-blue-500: #5875A6;
  --absher-blue-600: #36578C;
  --absher-blue-700: #1D3A6B;
  --absher-blue-800: #142B52;
  --absher-blue-900: #0C1C38;
  --absher-blue-950: #060F22;
  --absher-sky-50: #FCF9F1;
  --absher-sky-100: #F7EEDB;
  --absher-sky-200: #EFDDB8;
  --absher-sky-300: #E2C68C;
  --absher-sky-400: #C9A45C;
  --absher-sky-500: #B48D45;
  --absher-sky-600: #957234;
  --absher-sky-700: #735727;
  --absher-sky-800: #553F1C;
  --absher-sky-900: #3A2B13;
  --absher-sky-950: #231A0B;
  --absher-terra-50: #FBF6EC;
  --absher-terra-100: #F5E8CF;
  --absher-terra-200: #EBD3A3;
  --absher-terra-300: #DDB876;
  --absher-terra-400: #CDA055;
  --absher-terra-500: #B8893A;
  --absher-terra-600: #96692A;
  --absher-terra-700: #6E4C1F;
  --absher-terra-800: #523816;
  --absher-terra-900: #37250E;
  --absher-terra-950: #211607;
}

/* ---- Nuit: a navy-black night, gold light ---------------------------- */
html:root[data-absher-theme="dark"] {
  --absher-color-surface-canvas: #060E1F;
  --absher-color-surface-subtle: #0B1630;
  --absher-color-surface-raised: #0E1C3A;
  --absher-color-surface-sunken: #040A18;
  --absher-color-surface-overlay: rgba(3, 8, 20, .72);
  --absher-color-text-primary: #EEF2F8;
  --absher-color-text-secondary: #AEB9CC;
  --absher-color-text-tertiary: #8E9BB3;
  --absher-color-text-disabled: #5F6E8A;
  --absher-color-border-subtle: #172846;
  --absher-color-border-default: #20345A;
  --absher-color-border-control: #5D6F92;

  --px-card: #0B1733;
  --px-float: #0F1E3E;
  --px-hover-solid: #13254A;

  --nh-card-bg: linear-gradient(160deg, rgba(24, 44, 84, .80), rgba(11, 23, 51, .80));
  --nh-muted: #8E9BB3;
  --nh-overline: #9AA6BC;
  --nh-ghost-fg: #E3E9F3;
  --nh-page-bg:
    radial-gradient(900px 520px at 12% -10%, #1A3363 0%, rgba(26, 51, 99, 0) 70%),
    radial-gradient(700px 480px at 95% 110%, rgba(191, 148, 69, .22) 0%, rgba(191, 148, 69, 0) 70%),
    #060E1F;
}

/* ---- Halo: ivory paper, navy type, gold accents ---------------------- */
html:root:not([data-absher-theme="dark"]) {
  --absher-color-surface-canvas: #F8F6F1;
  --absher-color-surface-subtle: #F2EEE5;
  --absher-color-surface-sunken: #ECE6DA;
  --absher-color-text-secondary: #3E4E6B;
  --absher-color-text-tertiary: #5D6A82;
  --absher-color-border-subtle: #ECE5D6;
  --absher-color-border-default: #E3DACA;
  --absher-color-status-info-bg: #F1EBDD;

  --px-canvas: #F8F6F1;
  --px-hairline: #ECE5D6;
  --px-hover: #FBF8F1;
  --px-pressed: #F4EEDF;
  --px-hover-solid: #FBF8F1;
  --px-shadow-float: 0 0 0 1px #ECE5D6, 0 40px 90px -30px rgba(29, 58, 107, .45);

  --nh-glass-border: #ECE5D6;
  --nh-muted: #4C5A74;
  --nh-overline: #8A6420;
  --nh-field-bg: #FDFBF7;
  --nh-field-border: #E3DACA;
  --nh-ghost-ring: #E2D6BC;
  --nh-row-hover: linear-gradient(90deg, #F7F0E0, rgba(247, 240, 224, .2));
  --nh-page-bg:
    radial-gradient(900px 520px at 15% -10%, #F2E6C9 0%, rgba(242, 230, 201, 0) 70%),
    radial-gradient(700px 480px at 95% 110%, rgba(29, 58, 107, .10) 0%, rgba(29, 58, 107, 0) 70%),
    linear-gradient(180deg, #F7F2E8, #FBFAF6 55%);
}