/* CIDA Egypt — colour tokens. GENERATED by tokens/build-tokens.py — do not edit.
 *
 * Structure (spec 4.5): the complete semantic set is declared three times —
 * on bare :root, under [data-theme], and under prefers-color-scheme guarded by
 * :not([data-theme]). The default system setting stamps no attribute, so a token
 * defined only inside a media query is undefined in that third state.
 *
 * Primitive ramps live on bare :root and are NEVER redefined.
 */

:root {
  /* ---- primitives (never redefined) ---- */
  --ink-50: #F6F7F9;
  --ink-100: #E6E7EA;
  --ink-200: #D7D9DD;
  --ink-300: #C6C9CE;
  --ink-400: #B5B8BD;
  --ink-500: #A4A7AD;
  --ink-600: #86898F;
  --ink-700: #64686E;
  --ink-800: #44484E;
  --ink-900: #292D33;
  --ink-950: #181B22;
  --ink-1000: #0B0E14;
  --midnight-50: #F4F7FE;
  --midnight-100: #E2E7F5;
  --midnight-200: #CED9F2;
  --midnight-300: #B9C9EE;
  --midnight-400: #A3B7E7;
  --midnight-500: #8DA6E0;
  --midnight-600: #6987CD;
  --midnight-700: #4663AD;
  --midnight-800: #2C4381;
  --midnight-900: #192955;
  --midnight-950: #101A33;
  --midnight-1000: #060D1F;
  --gold-50: #FBF7E8;
  --gold-100: #F0E8CA;
  --gold-200: #E9D9A3;
  --gold-300: #E1C777;
  --gold-400: #D5B553;
  --gold-500: #C9A227;
  --gold-600: #9D7700;
  --gold-700: #7B5800;
  --gold-800: #614000;
  --gold-900: #402600;
  --gold-950: #2B1600;
  --gold-1000: #190A00;
  --bone-50: #F9F6F0;
  --bone-100: #EDE7DA;
  --bone-200: #E0D8C9;
  --bone-300: #D0C8B8;
  --bone-400: #BFB7A7;
  --bone-500: #ADA697;
  --bone-600: #8F897B;
  --bone-700: #605A4F;
  --bone-800: #4C473D;
  --bone-900: #302C24;
  --bone-950: #1E1B15;
  --bone-1000: #100E09;
  --verdigris-50: #F0F9F6;
  --verdigris-100: #DAEDE5;
  --verdigris-200: #C0E2D5;
  --verdigris-300: #A6D5C3;
  --verdigris-400: #8EC6B0;
  --verdigris-500: #77B79D;
  --verdigris-600: #519A7D;
  --verdigris-700: #2E775B;
  --verdigris-800: #10553C;
  --verdigris-900: #033623;
  --verdigris-950: #022213;
  --verdigris-1000: #001308;
  --amber-50: #FFF5ED;
  --amber-100: #FFE1CB;
  --amber-200: #FFCEAC;
  --amber-300: #FFB688;
  --amber-400: #FF9B61;
  --amber-500: #F2864D;
  --amber-600: #D16633;
  --amber-700: #A7451B;
  --amber-800: #7A2A0E;
  --amber-900: #511507;
  --amber-950: #350B04;
  --amber-1000: #200402;
  --carnelian-50: #FFF4F3;
  --carnelian-100: #FBE0DF;
  --carnelian-200: #FCCCC8;
  --carnelian-300: #FCB4AD;
  --carnelian-400: #F49D95;
  --carnelian-500: #E9887E;
  --carnelian-600: #CC675A;
  --carnelian-700: #A54538;
  --carnelian-800: #7B281C;
  --carnelian-900: #521309;
  --carnelian-950: #370802;
  --carnelian-1000: #210301;
  --lapis-50: #F1F8FF;
  --lapis-100: #D7EAFF;
  --lapis-200: #BEDCFF;
  --lapis-300: #A3CCFF;
  --lapis-400: #86BBFF;
  --lapis-500: #6CA9FA;
  --lapis-600: #4989E2;
  --lapis-700: #2B65B9;
  --lapis-800: #184589;
  --lapis-900: #0A295D;
  --lapis-950: #05193F;
  --lapis-1000: #020C26;

  /* ---- gold role tokens (theme-independent) ---- */
  --gold-metal: #C9A227;
  --gold-ink: #7B5800;
  --gold-ornament: #9D7700;
  --gold-400: #D5B553;
  --on-gold: #0B0E14;

  /* ---- semantic: light is the base declaration ---- */
  --surface-sunken: #E0D8C9;
  --surface: #EDE7DA;
  --surface-raised: #F9F6F0;
  --surface-overlay: #FFFFFF;
  --surface-inset: #D0C8B8;
  --surface-brand: #101A33;
  --surface-brand-deep: #060D1F;
  --text-primary: #0B0E14;
  --text-secondary: #4C473D;
  --text-tertiary: #605A4F;
  --text-disabled: #8F897B;
  --border: #D0C8B8;
  --border-strong: #837D6F;
  --accent: #7B5800;
  --accent-hover: #614000;
  --focus-ring: #7B5800;
  --state-warning: #511507;
  --state-success: #10553C;
  --state-info: #2B65B9;
  --state-danger: #521309;
}

/* Explicit choice wins in both directions. */
:root[data-theme="dark"] {
  --surface-sunken: #030509;
  --surface: #0B0E14;
  --surface-raised: #181B22;
  --surface-overlay: #181B22;
  --surface-inset: #292D33;
  --surface-brand: #101A33;
  --surface-brand-deep: #060D1F;
  --text-primary: #EDE7DA;
  --text-secondary: #B5B8BD;
  --text-tertiary: #86898F;
  --text-disabled: #64686E;
  --border: #292D33;
  --border-strong: #64686E;
  --accent: #C9A227;
  --accent-hover: #D5B553;
  --focus-ring: #D5B553;
  --state-warning: #FFB688;
  --state-success: #8EC6B0;
  --state-info: #4989E2;
  --state-danger: #CC675A;
}

:root[data-theme="light"] {
  --surface-sunken: #E0D8C9;
  --surface: #EDE7DA;
  --surface-raised: #F9F6F0;
  --surface-overlay: #FFFFFF;
  --surface-inset: #D0C8B8;
  --surface-brand: #101A33;
  --surface-brand-deep: #060D1F;
  --text-primary: #0B0E14;
  --text-secondary: #4C473D;
  --text-tertiary: #605A4F;
  --text-disabled: #8F897B;
  --border: #D0C8B8;
  --border-strong: #837D6F;
  --accent: #7B5800;
  --accent-hover: #614000;
  --focus-ring: #7B5800;
  --state-warning: #511507;
  --state-success: #10553C;
  --state-info: #2B65B9;
  --state-danger: #521309;
}

/* System preference, only when no explicit choice is stamped. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-sunken: #030509;
    --surface: #0B0E14;
    --surface-raised: #181B22;
    --surface-overlay: #181B22;
    --surface-inset: #292D33;
    --surface-brand: #101A33;
    --surface-brand-deep: #060D1F;
    --text-primary: #EDE7DA;
    --text-secondary: #B5B8BD;
    --text-tertiary: #86898F;
    --text-disabled: #64686E;
    --border: #292D33;
    --border-strong: #64686E;
    --accent: #C9A227;
    --accent-hover: #D5B553;
    --focus-ring: #D5B553;
    --state-warning: #FFB688;
    --state-success: #8EC6B0;
    --state-info: #4989E2;
    --state-danger: #CC675A;
  }
}

/* Surface axis (spec 7 in the token architecture): register vs cinematic. */
[data-surface="register"] {
  --surface-sunken: #E0D8C9;
  --surface: #EDE7DA;
  --surface-raised: #F9F6F0;
  --surface-overlay: #FFFFFF;
  --surface-inset: #D0C8B8;
  --surface-brand: #101A33;
  --surface-brand-deep: #060D1F;
  --text-primary: #0B0E14;
  --text-secondary: #4C473D;
  --text-tertiary: #605A4F;
  --text-disabled: #8F897B;
  --border: #D0C8B8;
  --border-strong: #837D6F;
  --accent: #7B5800;
  --accent-hover: #614000;
  --focus-ring: #7B5800;
  --state-warning: #511507;
  --state-success: #10553C;
  --state-info: #2B65B9;
  --state-danger: #521309;
}

[data-surface="cinematic"] {
  --surface-sunken: #030509;
  --surface: #0B0E14;
  --surface-raised: #181B22;
  --surface-overlay: #181B22;
  --surface-inset: #292D33;
  --surface-brand: #101A33;
  --surface-brand-deep: #060D1F;
  --text-primary: #EDE7DA;
  --text-secondary: #B5B8BD;
  --text-tertiary: #86898F;
  --text-disabled: #64686E;
  --border: #292D33;
  --border-strong: #64686E;
  --accent: #C9A227;
  --accent-hover: #D5B553;
  --focus-ring: #D5B553;
  --state-warning: #FFB688;
  --state-success: #8EC6B0;
  --state-info: #4989E2;
  --state-danger: #CC675A;
}

/* The viewer paints its own ground behind the page — never inherit it. */
body {
  background: var(--surface);
  color: var(--text-primary);
}

/* Arabic typographic rules live in type.css, not here. */