/* Couponji v3 — design tokens + fonts */

@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/cairo-arabic-wght-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/cairo-latin-wght-normal.woff2") format("woff2");
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Couponji Code";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/jetbrains-mono-code-700.woff2") format("woff2");
}

:root {
  /* brand (fixed) */
  --leaf: #78C257;
  --meadow: #5AA03A;
  --forest: #2E6A22;
  --forest-deep: #1F4D17;
  --ink: #10260C;
  --sun: #FFC107;
  --sun-hover: #FFD24D;
  --sun-pale: #FFF4CC;
  --sun-text: #6B4D00;

  /* neutrals, green-tinted */
  --ground: #F4F7F1;
  --surface: #FFFFFF;
  --tint: #EAF4E3;
  --line: #E0E7DA;
  --line-strong: #C7D4BC;
  --text: #17231A;
  --muted: #536150;

  --font: "Cairo", "Tajawal", system-ui, sans-serif;
  --mono: "Couponji Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --r-s: 8px;
  --r-m: 14px;
  --r-l: 22px;
  --pill: 999px;

  --shadow-1: 0 1px 2px rgba(16, 38, 12, .06), 0 2px 8px -2px rgba(16, 38, 12, .08);
  --shadow-2: 0 2px 4px rgba(16, 38, 12, .05), 0 14px 32px -14px rgba(16, 38, 12, .28);
  --shadow-3: 0 4px 10px rgba(16, 38, 12, .08), 0 28px 60px -24px rgba(16, 38, 12, .45);

  --ease: cubic-bezier(.16, 1, .3, 1);
  --gutter: clamp(16px, 4vw, 40px);
  --section: clamp(48px, 7vw, 88px);
}