/*
 * The Giving List — theme tokens.
 * Palette from giving_list/docs/brand.md (the app's colour reference).
 * Rules carried over from that doc:
 *   - Terracotta is decoration only; it never carries white or body text.
 *   - Warm Grey (#6F746F) fails on Warm Stone, so body text on the sunk bands
 *     uses a darker grey; Warm Grey is kept for small print on white/ivory.
 * The app has no custom typeface (Material default), so the web pairing is
 * chosen to suit the calm, warm palette.
 */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap');

:root {
    --bg: #FDFBF7;            /* Warm Ivory */
    --surface: #FFFFFF;
    --surface-sunk: #F2EEE8;  /* Warm Stone */
    --border: #DDD9D2;        /* Pale Stone */
    --ink: #292D2B;           /* Charcoal */
    --ink-2: #545954;
    --ink-3: #626761;         /* Warm Grey, darkened so it passes on Warm Stone */

    --primary: #29493B;       /* Forest */
    --primary-pressed: #1E372C;
    --primary-tint: #E2EBE5;
    --on-primary: #FFFFFF;
    --accent: #D98267;        /* Terracotta */
    --link: #3F6B57;          /* Evergreen */
    --eyebrow: #3F6B57;
    --grad-from: #29493B;
    --grad-to: #3F6B57;
    --glow: rgba(217, 130, 103, 0.24);

    --font-display: Lora, Georgia, serif;
    --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --display-weight: 700;
    --display-tracking: -0.01em;
}