/* ==========================================================================
   theme.css
   --------------------------------------------------------------------------
   Global design tokens for the THRIVE website.
   Loaded first so all other stylesheets can reference these tokens.
   ========================================================================== */

:root {
    /* ----- Colors --------------------------------------------------------- */
    --color-background:         #F6F4EF;
    --color-text:               #1E1E1E;
    --color-muted:              #5B5B5B;
    --color-accent:             #7A8450;
    --color-accent-foreground:  #F6F4EF;
    --color-surface:            #E5E3DD;
    --color-card:               #FFFFFF;
    --color-border:             #E5E3DD;
    --color-destructive:        #A65544;

    /* Soft tints derived from accent (used for hover / subtle backgrounds) */
    --color-accent-soft:        rgba(122, 132, 80, 0.10);
    --color-overlay-on-dark:    rgba(246, 244, 239, 0.80);
    --color-overlay-on-dark-2:  rgba(246, 244, 239, 0.60);
    --color-overlay-on-dark-3:  rgba(246, 244, 239, 0.20);

    /* ----- Typography ----------------------------------------------------- */
    /* Privacy-friendly: no Google Fonts. Inter first if installed locally. */
    --font-body:    Inter, system-ui, -apple-system, BlinkMacSystemFont,
                    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
                    "Helvetica Neue", Arial, sans-serif;
    --font-heading: var(--font-body);

    --font-weight-normal: 400;
    --font-weight-medium: 600;

    --font-size-base:     1rem;
    --line-height-base:   1.6;
    --line-height-heading: 1.25;

    /* ----- Layout --------------------------------------------------------- */
    --container-width:        1200px;
    --container-padding:      1.5rem;
    --container-padding-lg:   2rem;

    --header-height:          4rem;

    /* ----- Spacing -------------------------------------------------------- */
    --section-padding:        4rem;
    --section-padding-sm:     2.5rem;

    /* ----- Radii ---------------------------------------------------------- */
    --radius-small:   0.25rem;
    --radius-medium:  0.5rem;
    --radius-large:   0.75rem;

    /* ----- Transitions ---------------------------------------------------- */
    --transition-fast:    150ms ease;
    --transition-normal:  250ms ease;

    /* ----- Shadow --------------------------------------------------------- */
    --shadow-soft: 0 1px 2px rgba(30, 30, 30, 0.04),
                   0 4px 12px rgba(30, 30, 30, 0.06);

    /* ----- Z-index layers ------------------------------------------------- */
    --z-header:        50;
    --z-dropdown:      60;
    --z-mobile-menu:   70;
}