/* =========================================================
   SOPHOS CREARE · RAIO-X — Tokens e tipografia base
   Direção: Boutique Escuro — plum profundo dominante
   ========================================================= */

@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Semibold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Editor's Note"; src: url("../fonts/EditorsNote-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Inter"; src: url("../fonts/Inter-Light.ttf") format("truetype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  /* Brand colors */
  --plum: #4B1E3D;
  --plum-deep: #2E1325;
  --wine: #723345;
  --wine-light: #A04E62;     /* wine clareado pra eyebrows sobre fundo plum */
  --stone: #B1A3A2;
  --stone-soft: #C9BEBE;
  --light: #E5E4E0;
  --light-warm: #F5EFEB;
  --cream: #F5EFEB;
  --paper: #FBF8F5;
  --ink: #1A0D14;

  /* Typography */
  --serif: "Editor's Note", "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Radii */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-pill: 999px;

  /* Easing */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --shell-max: 1320px;
  --content-max: 720px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--plum-deep);
  color: var(--cream);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--cream); color: var(--plum-deep); }

img, svg { max-width: 100%; display: block; }

button { font: inherit; cursor: pointer; }

/* Eyebrow caption (tópico de seção) */
.eyebrow {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--wine);
}

/* Italic com swash do Editor's Note */
.swash { font-family: var(--serif); font-style: italic; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}