/*
 * Shared design tokens for the "modern" page idiom (donate, services,
 * privacy-policy, terms-and-conditions). Loaded globally in master.blade.php
 * so any page can use var(--teal) etc. without pushing extra stylesheets.
 */
:root {
    --gold: #ffac00;
    --gold-dark: #c98600;
    --gold-light: #ffd580;
    --gold-hover: #ffbb2e;
    --teal: #1a685b;
    --teal-dark: #123f37;
    --teal-hover: #155248;
    --cream: #fbf6ec;
    --ink: #1c2622;
    --ink-deep: #12211d;
}

.theme-scope {
    color: var(--ink);
}

.theme-scope * {
    scroll-behavior: smooth;
}