/* =============================================================================
   DESIGN TOKENS — single source of truth for both the admin portal and the
   public site. Served at /tokens.css and loaded first on every page.

   Keep ALL palette/spacing/typography values here. Component stylesheets
   (frontend/styles.css, site/public-styles.css) should reference these tokens
   via var(--token) rather than hardcoding hex values.
   ============================================================================= */
:root {
    /* Brand palette */
    --golf-green: #2d5016;
    --golf-light-green: #4a7c59;
    --golf-accent-green: #6b8e23;
    --golf-gold: #d4af37;
    --golf-cream: #f5f5dc;
    --golf-white: #ffffff;
    --golf-gray: #8b8b8b;
    --golf-dark-gray: #333333;
    --golf-shadow: rgba(0, 0, 0, 0.1);
    --golf-shadow-dark: rgba(0, 0, 0, 0.2);

    /* Semantic aliases used by the admin stylesheet. Defined here so they are
       no longer undefined at runtime (they previously had no :root source). */
    --primary-color: var(--golf-light-green); /* #4a7c59 */
    --text-color: var(--golf-dark-gray);      /* #333333 — matches admin body text */
    --success-color: #2e7d32;                 /* green confirm/save buttons */

    /* Typography */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}