/*
 * Huuguu CSS tokens
 * Single source of truth for theme-level design variables.
 * Dynamic values are injected by the Customizer in wp_head and override these fallbacks.
 */
:root {
    --hgg-site-bg: #ffffff;
    --hgg-bg: var(--hgg-site-bg);
    --hgg-content-bg: #ffffff;
    --hgg-surface: #ffffff;
    --hgg-surface-soft: #f5f7fb;

    --hgg-text: #172033;
    --hgg-muted: #5d6781;
    --hgg-border: #d8dfef;

    --hgg-link: #007721;
    --hgg-link-hover: #045F12;
    --hgg-primary: var(--hgg-link);
    --hgg-primary-dark: var(--hgg-link-hover);

    --hgg-container: 1240px;
    --hgg-content-radius: 6px;
    --hgg-content-border-width: 1px;
    --hgg-content-border-color: var(--hgg-border);
    --hgg-content-shadow: 0 16px 40px rgba(17, 34, 68, .10);

    --hgg-radius: var(--hgg-content-radius);
    --hgg-radius-sm: 6px;
    --hgg-shadow: var(--hgg-content-shadow);
}