/* ============================================================
   Tiny Pony Studio — shared brand foundation
   Fonts + tokens shared across all three site directions.
   ============================================================ */

/* ---- Estrella (display / logo) ---- */
@font-face {
  font-family: 'Estrella';
  src: url('fonts/Estrella-Early.otf') format('opentype');
  font-display: swap;
}

/* ---- Owners — one family, multiple widths via font-stretch ---- */
@font-face { font-family:'Owners'; src:url('fonts/Owners-XLight.otf') format('opentype'); font-weight:200; font-style:normal; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-XLightItalic.otf') format('opentype'); font-weight:200; font-style:italic; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Light.otf') format('opentype'); font-weight:300; font-style:normal; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-RegularItalic.otf') format('opentype'); font-weight:400; font-style:italic; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Medium.otf') format('opentype'); font-weight:500; font-style:normal; font-stretch:100%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-BoldItalic.otf') format('opentype'); font-weight:700; font-style:italic; font-stretch:100%; font-display:swap; }
/* Narrow */
@font-face { font-family:'Owners'; src:url('fonts/Owners-Narrow-Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-stretch:75%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Narrow-Medium.otf') format('opentype'); font-weight:500; font-style:normal; font-stretch:75%; font-display:swap; }
/* Wide */
@font-face { font-family:'Owners'; src:url('fonts/Owners-Wide-Light.otf') format('opentype'); font-weight:300; font-style:normal; font-stretch:125%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Wide-LightItalic.otf') format('opentype'); font-weight:300; font-style:italic; font-stretch:125%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Wide-Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-stretch:125%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Wide-Medium.otf') format('opentype'); font-weight:500; font-style:normal; font-stretch:125%; font-display:swap; }
@font-face { font-family:'Owners'; src:url('fonts/Owners-Wide-Bold.otf') format('opentype'); font-weight:700; font-style:normal; font-stretch:125%; font-display:swap; }

:root {
  --ink: #0a0a0a;
  --ink-2: #161412;
  --paper: #f4f1ec;
  --paper-2: #ece7de;
  --dim: #6f6a64;
  --faint: #b6b1aa;
  --accent: #FF6B1A;
  --pink: #FF2D88;

  --logo: 'Estrella', cursive;
  --sans: 'Owners', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Body copy standard: 18px / 400 / 1.6, +0.005em, 85% paper on dark */
  --body-size: 18px;
  --body-weight: 400;
  --body-leading: 1.6;
  --body-track: 0.005em;
  --body-fg: #dad6cf;
}

.body-copy { font-family:var(--sans); font-size:var(--body-size); font-weight:var(--body-weight); line-height:var(--body-leading); letter-spacing:var(--body-track); text-wrap:pretty; }

* { box-sizing: border-box; }