/* Neeb Roastery — shared brand layer.
 * Fonts + tokens as CSS custom properties. Generated by hand from tokens.json;
 * keep the two in step. Used by website/, panel/, brand/guide.html and motion/. */

@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/CormorantGaramond-Medium.latin.woff2") format("woff2"), url("fonts/CormorantGaramond-Medium.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-style: italic; font-display: swap; src: url("fonts/CormorantGaramond-MediumItalic.latin.woff2") format("woff2"), url("fonts/CormorantGaramond-MediumItalic.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/CormorantGaramond-SemiBold.latin.woff2") format("woff2"), url("fonts/CormorantGaramond-SemiBold.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 300; font-display: swap; src: url("fonts/Manrope-Light.latin.woff2") format("woff2"), url("fonts/Manrope-Light.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("fonts/Manrope-Regular.latin.woff2") format("woff2"), url("fonts/Manrope-Regular.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("fonts/Manrope-SemiBold.latin.woff2") format("woff2"), url("fonts/Manrope-SemiBold.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexSansArabic-Regular.arabic.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-Regular.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF, U+2000-206F, U+2190-2199, U+2212, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("fonts/IBMPlexSansArabic-SemiBold.arabic.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF, U+2000-206F, U+2190-2199, U+2212, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexMono-Regular.latin.woff2") format("woff2"), url("fonts/IBMPlexMono-Regular.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2264-2265, U+FEFF, U+FFFD; }

:root {
  --olive: #4A6040;
  --cream: #FFFCCC;
  --stone: #EDECE8;
  --paper: #FBFAF6;   /* card ground on stone only (BRAND-GUIDE §3) */
  --ink: #171A15;
  --olive-deep: #33432C;
  --leaf: #BFC59B;
  --roast: #7A4A2C;
  --crema: #C9A36B;

  --f-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --f-sans: Manrope, "Segoe UI", system-ui, sans-serif;
  --f-arabic: "IBM Plex Sans Arabic", Tahoma, sans-serif;
  --f-mono: "IBM Plex Mono", Consolas, monospace;

  --ease-pour: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-settle: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-steam: cubic-bezier(0.37, 0, 0.63, 1);
  --t-micro: 180ms;
  --t-ui: 320ms;
  --t-reveal: 900ms;
  --t-hero: 1800ms;
}

.label {
  font-family: var(--f-sans);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
}
[lang="ar"] .label, .label:lang(ar) { letter-spacing: 0; font-family: var(--f-arabic); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 200ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 200ms !important;
  }
}