/* ==========================================================
   DESIGN TOKENS
   Community Astra V1.0
========================================================== */

:root {
    --color-primary: #123a5b;
    --color-primary-dark: #0b2b44;
    --color-accent: #c6a35b;
    --color-secondary: #73804b;
    --color-heading: #153a5a;
    --color-text: #26333d;
    --color-text-light: #68747d;
    --color-background: #ffffff;
    --color-surface: #f7f5ef;
    --color-white: #ffffff;
    --color-border: #dedbd3;
    --color-dark: #102d45;

    --font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --font-display: Georgia, "Times New Roman", serif;

    --font-size-sm: .875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 2rem;
    --font-size-2xl: 3rem;

    --container-width: 1280px;
    --container-padding: 32px;

    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 16px rgba(16, 45, 69, .06);
    --shadow-md: 0 14px 35px rgba(16, 45, 69, .10);

    --transition-fast: .2s ease;
    --transition-normal: .35s ease;

    --z-header: 100;
    --z-menu: 500;
}