/* ============================================================
   KÖRBER ART & DESIGN — TOKENS (mockup site-novo, dark premium)
   Paleta oficial da spec site-novo/site-novo.txt §4
   ============================================================ */

@import url('../fonts/korber-fonts.css');

:root {
  /* Paleta */
  --korber-black: #000000;
  --korber-dark: #0B0907;
  --korber-brown-dark: #1A1208;
  --korber-mogno: #7B5B3A;
  --korber-gold: #C99A60;
  --korber-gold-light: #CFAA7D;
  --korber-champagne: #F3E9D8;
  --korber-sand: #D4C5A9;
  --korber-white: #FEFEFE;
  --korber-muted: #CABFA8;

  /* Semânticos — base escura (60%) */
  --bg-dark: var(--korber-dark);
  --bg-darker: var(--korber-black);
  --bg-dark-elevated: #14100B;
  --ink-on-dark: var(--korber-champagne);
  --muted-on-dark: rgba(202, 191, 168, 0.72);

  /* Semânticos — base clara (40%) */
  --bg-light: var(--korber-champagne);
  --bg-light-elevated: #F8F1E3;
  --ink-on-light: #171009;
  --muted-on-light: rgba(43, 30, 16, 0.68);

  /* Acento */
  --gold: var(--korber-gold);
  --gold-light: var(--korber-gold-light);
  --hairline-dark: rgba(201, 154, 96, 0.28);
  --hairline-light: rgba(123, 91, 58, 0.30);

  /* Tipografia */
  --font-display: 'Cinzel', 'Cormorant Garamond', 'Trajan Pro', serif;
  --font-body: 'Montserrat Alternates', 'Inter', sans-serif;

  --fs-hero: clamp(1.7rem, 3.05vw, 2.75rem);
  --fs-h2: clamp(1.75rem, 3.6vw, 3.25rem);
  --fs-h3: clamp(1.125rem, 1.8vw, 1.5rem);
  --fs-body: clamp(0.9375rem, 1.1vw, 1.0625rem);
  --fs-small: 0.8125rem;
  --fs-label: 0.75rem;

  /* Espaçamento (escala de 8) */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-6: 48px;
  --sp-8: 64px;
  --sp-12: 96px;
  --sp-16: 128px;

  --container: 1360px;
  --gutter: clamp(20px, 4vw, 64px);

  /* Motion — lento, premium, editorial */
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-hover: 0.45s;
  --dur-reveal: 1.1s;

  /* Header */
  --header-h: 88px;
  --header-h-compact: 64px;
}