/**
 * Design tokens.
 *
 * Every value here is a 1:1 copy of a value that already existed in
 * main.css — this file doesn't change what anything looks like, it names
 * the values so main.css can reference them instead of repeating raw
 * numbers. See docs/FRAMEWORK.md.
 *
 * Categories present here but not (yet) used anywhere in main.css are
 * marked "reserved" — they exist so the token system is complete, not
 * because something currently uses them.
 */

:root {
    /* Colors — moved from main.css's own :root block, same names/values. */
    --green: #355142;
    --white: #FAF9F5;
    --pwhite: #FFFFFF;
    --lgreen: #DAD89F;
    --black: #161616;

    /* Spacing scale — the values already used by the .pt-XX/.pb-XX utility classes. */
    --space-10: 10px;
    --space-36: 36px;
    --space-40: 40px;
    --space-60: 60px;
    --space-90: 90px;

    /* Radius — the distinct border-radius values already in use. */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 20px;
    --radius-full: 50%;

    /* Transitions — the one duration already in use. */
    --transition-base: 0.3s;

    /* Shadows — reserved. main.css has no box-shadow today; these exist
       for future use rather than replacing something that's there now. */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.16);
}