/* Brand tokens: the only stylesheet a brand pack replaces (with the fonts it names).
   Values from the user's design pack "arzumvar.az — Qızıl xətt" (2026-11-01; brand/tokens.pack.json).
   Two deliberate differences, for accessibility (WCAG 2.2 AA): form borders use --c-control-border (4.1:1 instead
   of the pack's #D8C3AA at 1.7:1), and the focus ring on light surfaces is ink (the pack's gold is 1.6:1 on cream).
   Fonts are self-hosted (no request to Google): Playfair Display for headings; body text uses the phone's own UI
   font, which the pack's Inter falls back to (add Inter here to match the pack exactly, ~70 KB). */

@font-face {
  font-family: "Playfair Display";
  src: url(/fonts/PlayfairDisplay-site.woff2) format("woff2");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url(/fonts/PlayfairDisplay-Italic-site.woff2) format("woff2");
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
}

:root {
  /* the pack's palette */
  --c-red: #8C1C24;
  --c-red-card: #A12630;
  --c-red-deep: #6E141B;
  --c-gold: #E2B66B;
  --c-gold-on-light: #B98A3E;
  --c-gold-text: #7A521A;
  --c-cream: #F6EEE3;
  --c-paper: #FFFDF9;
  --c-white: #FFFFFF;
  --c-ink: #2A1A17;
  --c-muted: #5C4A42;
  --c-line: #E6D6C0;
  --c-line-gold: #CDAE84;
  --c-input-border: #D8C3AA;
  --c-tab-track: #F1E6D6;
  --c-on-red: #F8EFE2;
  --c-on-red-muted: #EBD6C4;
  --c-outline-on-red: #D9B9A6;
  --c-gold-button-text: #3A1A12;
  --c-kraft: #C9A27A;
  --c-twine: #EADBC4;

  /* roles used by site.css */
  --c-brand: var(--c-red);
  --c-brand-hover: var(--c-red-deep);
  --c-brand-deep: var(--c-red-deep);
  --c-on-brand: #FFFFFF;
  --c-on-brand-soft: var(--c-on-red);
  --c-on-gold: var(--c-gold-button-text);
  --c-gold-hover: #D6A757;
  --c-bg: var(--c-cream);
  --c-bg-alt: var(--c-paper);
  --c-surface: var(--c-paper);
  --c-surface-2: var(--c-tab-track);
  --c-text: var(--c-ink);
  --c-control-border: #8F7A66;
  --c-line-strong: var(--c-control-border);
  --c-ok: #2E7D4F;
  --c-warn: #8A5A00;
  --c-error: #B3261E;
  --c-focus: var(--c-ink);
  --c-focus-on-brand: var(--c-gold);
  --c-scrim: rgba(30, 8, 10, .62);
  --c-disabled-bg: var(--c-input-border);
  --c-disabled-fg: var(--c-muted);

  /* type */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* shape */
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 24px;
  --radius-control: 14px;
  --radius-pill: 999px;
  --shadow: 0 24px 50px rgba(110, 20, 27, .10);
  --shadow-raised: 0 24px 50px rgba(110, 20, 27, .22);
  --shadow-lg: 0 30px 60px rgba(30, 8, 10, .45);
}