/* Heavenly Gates design tokens. Shared by the public site and the staff editor.
   Palette comes from the "Waiting at the Gate" logo: midnight, gate gold, glow, ivory. */

@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-latin-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-italic-latin-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/assets/fonts/jost-latin-var.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand constants (same in both themes) */
  --midnight: #1E2B45;
  --midnight-deep: #16203A;
  --gold: #C99A3E;
  --gold-deep: #8A6A24;
  --glow: #F0D493;
  --ivory: #F7F2E8;

  /* Surfaces and text */
  --color-bg: #FCFBF8;
  --color-surface: #FFFFFF;
  --color-surface-2: #F4EFE4;
  --color-text: #1E2B45;
  --color-muted: #4F5B72;
  --color-border: #E2DCCF;
  --color-rule: #D9D1C1;
  --color-input-border: #8C8577;

  /* Actions */
  --color-primary: #1E2B45;
  --color-primary-hover: #2D3F63;
  --color-on-primary: #FFFFFF;
  --color-accent: #7A5C1E;
  --color-link: #1E2B45;
  --color-focus: #B5832A;
  --color-danger: #A3312A;
  --color-success: #2E6B47;

  /* The night sky sections (hero, footer) stay dark in both themes */
  --night: #1E2B45;
  --night-2: #16203A;
  --on-night: #F3EBDD;
  --on-night-muted: #C9CFDB;
  --night-accent: #E2BE6A;

  /* Home hero: a night sky in both themes (dark mode only deepens the background) */
  --hero-bg: radial-gradient(120% 90% at 78% 30%, #253558 0%, #1E2B45 46%, #16203A 100%);
  --hero-fg: #F3EBDD;
  --hero-muted: #C9CFDB;
  --hero-accent: #E2BE6A;
  --hero-btn-bg: #E2BE6A;
  --hero-btn-fg: #16203A;
  --hero-btn-hover: #F0D493;
  --hero-outline: rgba(243, 235, 221, .55);
  --hero-outline-hover: rgba(243, 235, 221, .08);
  --hero-horizon: rgba(240, 212, 147, .55);
  --gate-line: #F3EBDD;
  --gate-star: #FFFFFF;
  --gate-pets: #141D33;
  --gate-ground: rgba(0, 0, 0, .5);
  --gate-halo: #F0D493;
  --gate-halo-op: .30;
  --gate-light-a: #FFF1CC;
  --gate-light-b: #F0D493;
  --gate-light-c: #C99A3E;
  --gate-light-c-op: .25;

  /* Type */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;
  --font-ui: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  --radius: 10px;
  --radius-sm: 6px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #111827;
    --color-surface: #172036;
    --color-surface-2: #1B2640;
    --color-text: #EEE8DC;
    --color-muted: #B3BBCB;
    --color-border: #2B3854;
    --color-rule: #34425F;
    --color-input-border: #7D89A3;
    --color-primary: #E2BE6A;
    --color-primary-hover: #EECF8A;
    --color-on-primary: #16203A;
    --color-accent: #E2BE6A;
    --color-link: #F0D493;
    --color-focus: #F0D493;
    --color-danger: #F08B83;
    --color-success: #7BC79A;
    --night: #0D1424;
    --night-2: #0A101D;
    --hero-bg: radial-gradient(120% 90% at 78% 30%, #22314F 0%, #0D1424 46%, #0A101D 100%);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --color-bg: #111827;
  --color-surface: #172036;
  --color-surface-2: #1B2640;
  --color-text: #EEE8DC;
  --color-muted: #B3BBCB;
  --color-border: #2B3854;
  --color-rule: #34425F;
  --color-input-border: #7D89A3;
  --color-primary: #E2BE6A;
  --color-primary-hover: #EECF8A;
  --color-on-primary: #16203A;
  --color-accent: #E2BE6A;
  --color-link: #F0D493;
  --color-focus: #F0D493;
  --color-danger: #F08B83;
  --color-success: #7BC79A;
  --night: #0D1424;
  --night-2: #0A101D;
  --hero-bg: radial-gradient(120% 90% at 78% 30%, #22314F 0%, #0D1424 46%, #0A101D 100%);
  color-scheme: dark;
}