/* =========================================================
   ODEJIA STUDIO — Brand Tokens (Official Palette)
   Source: official charte couleurs provided by the studio
   Typography: Arbotek (display) + The Seasons Light (serif)
   ========================================================= */

@font-face{
  font-family:'Arbotek';
  src:url('fonts/arbotek.otf') format('opentype');
  font-weight:400;font-style:normal;font-display:swap;
}
/* The Seasons Light — commercial typeface. Closest free substitute
   for web previews: Prata (single-weight transitional serif) or
   Cormorant Garamond. Use the real .otf in production. */
@import url('https://fonts.googleapis.com/css2?family=Prata&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=Jost:wght@200;300;400;500&display=swap');

:root{
  /* ---------- Official palette (from charte graphique) ---------- */
  --c-brun-rose:  #896D60;   /* R137 V109 B96  */
  --c-sable:      #C6B195;   /* R198 V177 B149 */
  --c-magenta:    #A3195B;   /* R163 V25  B91  — accent signature */
  --c-gris:       #606060;   /* R96  V96  B96  */
  --c-blanc-casse:#FDFCFA;   /* R253 V252 B250 */
  --c-caramel:    #CA9E67;   /* R202 V158 B103 */
  --c-taupe:      #5D5549;   /* R93  V85  B73  — taupe principal */
  --c-noir:       #000000;
  --c-creme:      #F2EFEB;   /* R242 V239 B235 */
  --c-blanc:      #FFFFFF;

  /* ---------- Semantic aliases ---------- */
  --ink:        var(--c-taupe);
  --bg:         var(--c-creme);
  --bg-alt:     var(--c-blanc-casse);
  --paper:      var(--c-blanc);
  --taupe:      var(--c-taupe);
  --taupe-warm: var(--c-brun-rose);
  --sable:      var(--c-sable);
  --caramel:    var(--c-caramel);
  --rouge:      var(--c-magenta);
  --gris:       var(--c-gris);
  --border:     #E4DED4;
  --fg1:        var(--c-taupe);
  --fg2:        var(--c-taupe);
  --fg3:        var(--c-gris);

  /* ---------- Typography ---------- */
  --font-display:'Arbotek','Jost','Futura',sans-serif;
  --font-serif:'Prata','Cormorant Garamond',Georgia,serif; /* Seasons Light sub */
  --font-sans:'Jost','Helvetica Neue',sans-serif;
  --font-mono:'JetBrains Mono',Menlo,monospace;

  --track-display:0.08em;
  --track-eyebrow:0.28em;
  --track-caps:0.4em;

  /* ---------- Spacing / Radii / Elevation ---------- */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;
  --sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
  --r-0:0; /* @kind radius */
  --r-1:2px;--r-2:4px;--r-pill:999px;
  --shadow-ink:4px 4px 0 0 var(--ink);
}

body{
  font-family:var(--font-sans);
  color:var(--fg1);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.wordmark{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:var(--track-display);
  text-transform:uppercase;
}
.studio-mark{
  font-family:var(--font-serif);
  letter-spacing:var(--track-caps);
  text-transform:uppercase;
}
.eyebrow{
  font-family:var(--font-sans);
  font-size:11px;
  font-weight:500;
  letter-spacing:var(--track-eyebrow);
  text-transform:uppercase;
  color:var(--fg2);
}