/* =============================================================
   VIKKI SKY — DESIGN TOKENS
   Single source of truth. All templates reference this file.
   No external Google Fonts. All fonts served locally.
   ============================================================= */

/* ── LOCAL FONTS ─────────────────────────────────────────────── */

@font-face {
  font-family: 'Sora';
  src: url('../fonts/Sora/Sora-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('../fonts/Sora/Sora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('../fonts/Sora/Sora-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('../fonts/Sora/Sora-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('../fonts/Sora/Sora-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Crimson Pro';
  src: url('../fonts/CrimsonPro/CrimsonPro-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Pro';
  src: url('../fonts/CrimsonPro/CrimsonPro-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Pro';
  src: url('../fonts/CrimsonPro/CrimsonPro-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ── DESIGN TOKENS ───────────────────────────────────────────── */

:root {
  /* Colors */
  --bg:        #FAF7F2;
  --bg-alt:    #F5F0E8;
  --white:     #FFFFFF;
  --ink:       #1A1A1A;
  --ink-soft:  #6B635A;
  --gold:      #C9A96E;
  --gold-lt:   #E2C48A;
  --gold-dk:   #A8863A;
  --border:    rgba(201, 169, 110, 0.22);
  --shadow:    0 4px 32px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 12px 60px rgba(0, 0, 0, 0.11);

  /* Typography */
  --font-sans:  'Sora', system-ui, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-thin:  'Crimson Pro', Georgia, serif;

  /* Layout */
  --max:       1100px;
  --radius:    3px;
  --radius-sm: 2px;
  --nav-h:     72px;

  /* Spacing scale */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  40px;
  --sp-2xl: 80px;
  --sp-3xl: 120px;

  /* Transitions */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}