/* Papyras Coupons — shared design tokens and global foundations
   Single source of truth for the completed frontend pages. */

/* Plus Jakarta Sans (SIL Open Font License, see /assets/fonts/OFL-LICENSE.txt), self-hosted */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/plus-jakarta-sans-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:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root {
  color-scheme: light;
  --pc-forest: #173f35;
  --pc-forest-deep: #10362d;
  --pc-forest-soft: #245748;
  --pc-cream: #f7f5ee;
  --pc-paper: #fffefa;
  --pc-sage: #eaf1eb;
  --pc-amber: #d79b38;
  --pc-amber-soft: #fbf0d9;
  --pc-ink: #20332d;
  --pc-muted: #66766f;
  --pc-line: #e6e5dc;
  --pc-danger: #ad4538;
  --pc-shadow: 0 14px 36px rgba(23, 63, 53, .08);
  --pc-radius: 14px;
  --pc-font: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Backward-compatible aliases used by the individual page stylesheets. */
  --ink: var(--pc-ink);
  --paper: var(--pc-cream);
  --card: var(--pc-paper);
  --white: var(--pc-paper);
  --green: var(--pc-forest);
  --green2: var(--pc-forest-deep);
  --forest: var(--pc-forest);
  --forest2: var(--pc-forest-soft);
  --green50: var(--pc-sage);
  --sage: var(--pc-sage);
  --pale: var(--pc-sage);
  --amber: var(--pc-amber);
  --amber50: var(--pc-amber-soft);
  --amberbg: var(--pc-amber-soft);
  --muted: var(--pc-muted);
  --line: var(--pc-line);
  --red: var(--pc-danger);
  --deep: var(--pc-forest-deep);
  --font: var(--pc-font);
  --body: var(--pc-font);
  --display: var(--pc-font);
  --shadow: var(--pc-shadow);
  --r: var(--pc-radius);
  --radius: var(--pc-radius);
}
html { scroll-behavior: smooth; }
body {
  font-family: var(--pc-font) !important;
  color: var(--pc-ink);
}
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
  font-family: var(--pc-font) !important;
}
a { text-underline-offset: 3px; }
button, .button, [role="button"] { -webkit-tap-highlight-color: transparent; }
::selection { background: rgba(215, 155, 56, .25); color: var(--pc-forest-deep); }
:focus-visible {
  outline: 3px solid rgba(215, 155, 56, .8);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
