/* Webfonts.
   NOTE: "The Seasons" (brand display face, licensed via Canva) has no free web version.
   Substituted with Playfair Display (closest Google Fonts match: high-contrast elegant serif).
   Swap in real The Seasons @font-face rules here when font files are provided.
   Raleway is the true brand body face. Latin-ext included for Romanian diacritics (ș ț ă â î). */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,300..800;1,300..800&display=swap");

:root{
  /* Brand blue — "EQB Blue". #000066 is the canonical brand color. */
  --blue-950:#030338;
  --blue-900:#000066; /* primary */
  --blue-800:#12127E;
  --blue-700:#232085;
  --blue-500:#4A47B2;
  --blue-200:#C9C8E8;
  --blue-100:#E8E8F5;
  /* Gold — from the logo gradient (#ab7b4b → #edd5b5) */
  --gold-700:#AB7B4B;
  --gold-500:#C89A6A;
  --gold-300:#E0C193;
  --gold-100:#EDD5B5;
  /* Ivory / warm neutrals */
  --ivory-50:#FBF9F4;
  --ivory-100:#F5EFE6;
  --ivory-200:#EBE1D1;
  --ink-900:#1C1C34;
  --ink-600:#4E4E68;
  --ink-400:#8A8AA0;
  /* Semantic aliases */
  --surface-page:var(--ivory-50);
  --surface-card:#FFFFFF;
  --surface-night:var(--blue-900);
  --surface-accent:var(--blue-800);
  --text-display:var(--blue-900);
  --text-body:var(--ink-900);
  --text-muted:var(--ink-600);
  --text-on-night:#F6F3EC;
  --text-on-night-muted:#C9C8E8;
  --accent-gold:var(--gold-500);
  --border-gold:rgba(200,154,106,.65);
  --border-subtle:rgba(28,28,52,.14);
  --link:var(--gold-700);
  --link-hover:var(--blue-900);
}
a{color:var(--link)}
a:hover{color:var(--link-hover)}

:root{
  /* The Seasons → substituted by Playfair Display (see tokens/fonts.css) */
  --font-display:"Playfair Display","The Seasons",Georgia,serif;
  --font-body:"Raleway","Helvetica Neue",Arial,sans-serif;
  /* Display scale — elegant, airy, never bold-heavy (display weight 400–500) */
  --text-display-xl:clamp(44px,6vw,72px); /* hero headlines */
  --text-display-lg:44px;
  --text-display-md:32px;
  --text-display-sm:24px;
  --leading-display:1.12;
  /* Body scale */
  --text-body-lg:18px;
  --text-body-md:16px;
  --text-body-sm:14px;
  --text-caption:12px;
  --leading-body:1.65;
  /* Eyebrow / overline — Raleway, wide tracking, uppercase */
  --tracking-eyebrow:.32em;
  --tracking-wide:.12em;
}
body{font-family:var(--font-body);color:var(--text-body);font-size:var(--text-body-md);line-height:var(--leading-body)}
h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-display);color:var(--text-display);margin:0}

:root{
  --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;
  /* Generous whitespace is a brand trait — default section padding */
  --pad-section:var(--space-8);
  --pad-card:var(--space-5);
}

:root{
  /* Gold gradient — exact stops from the logo SVG */
  --gradient-gold:linear-gradient(135deg,#AB7B4B 0%,#EDD5B5 100%); /* @kind color */
  --gradient-gold-soft:linear-gradient(135deg,#C89A6A 0%,#EDD5B5 100%); /* @kind color */
  /* Night gradient — deep blue story/post background */
  --gradient-night:linear-gradient(168deg,#030345 0%,#000066 42%,#232085 100%); /* @kind color */
  /* Ivory veil — protection gradient over photography */
  --gradient-veil:linear-gradient(180deg,rgba(0,0,102,0) 0%,rgba(0,0,102,.72) 100%); /* @kind color */
  /* Borders: hairline gold frames, inset from the edge */
  --border-frame:1px solid var(--border-gold);
  --radius-sm:6px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-pill:999px;
  /* Shadows — used sparingly; soft and cool */
  --shadow-card:0 10px 30px rgba(3,3,56,.10);
  --shadow-lift:0 18px 50px rgba(3,3,56,.18);
  /* Motion — slow, graceful fades; no bounces */
  --ease-brand:cubic-bezier(.33,.02,.2,1); /* @kind other */
  --duration-fast:180ms; /* @kind other */
  --duration-slow:420ms; /* @kind other */
}