/**
 * LeanCMS v2 — CSS Variable Definitions (optional static overrides)
 *
 * Every token below is now emitted at runtime by the brand config
 * (_brand-config.json → LCMS_Brand_Config / Brand_Config_Fallback), so this
 * file ships empty by default — the plugin and theme work with no active vars
 * here.
 *
 * Treat the blocks below as a reference catalogue: uncomment a section to
 * hard-pin a token statically (e.g. while bootstrapping a theme without a
 * brand config, or to lock a value the brand config shouldn't drive). Anything
 * left commented falls through to the brand-config output.
 *
 * Ported from Pro Sites config.css with simplified, consistent naming.
 */

:root {
    /* ── Brand ─────────────────────────────────────────── */
    /* --color-brand-primary: #6529AD;
    --color-brand-primary-hover: #732EC2;
    --color-brand-accent: #ddae27;
    --color-brand-accent-hover: #f7e07c; */

    /* ── Text ──────────────────────────────────────────── */
    /* --color-text-primary: #101010;
    --color-text-secondary: #666666;
    --color-text-light: rgba(255, 255, 255, 0.95);
    --color-text-link: var(--color-brand-accent);
    --color-text-link-hover: var(--color-brand-accent-hover); */

    /* ── Backgrounds ───────────────────────────────────── */
    /* --color-bg-primary: #ffffff;
    --color-bg-secondary: #f5f5f5;
    --color-bg-dark: #153f80;
    --color-bg-dark-secondary: #112e60; */

    /* ── Typography ────────────────────────────────────── */
    /* --font-family: sans-serif;
    --font-heading: var(--font-family);
    --font-body: var(--font-family);

    --font-size-base: 15px;
    --font-line-height: 1.65;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    --font-size-h1: 48px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 24px;
    --font-size-h5: 20px;
    --font-size-h6: 16px;

    --font-size-h1-mobile: 36px;
    --font-size-h2-mobile: 30px;
    --font-size-h3-mobile: 28px; */

    /* ── Buttons ───────────────────────────────────────── */
    /* --button-bg: var(--color-brand-accent);
    --button-bg-hover: var(--color-brand-accent-hover);
    --button-color: #ffffff;
    --button-color-hover: #ffffff;
    --button-padding: 12px 24px;
    --button-radius: 25px; */

    /* ── Layout ────────────────────────────────────────── */
    /* --content-max-width: 1200px;
    --content-max-width-wide: 1460px;
    --breakpoint-mobile: 992px; */

    /* ── Spacing ───────────────────────────────────────── */
    /* --spacing-section: 80px;
    --spacing-section-mobile: 30px;
    --spacing-block-gap: 0; */

    /* ── Borders & Radius ──────────────────────────────── */
    /* --border-radius: 8px;
    --border-radius-lg: 25px; */

    /* ── Shadows ───────────────────────────────────────── */
    /* --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1); */

    /* ── Transitions ───────────────────────────────────── */
    /* --transition-fast: 150ms ease;
    --transition-standard: 300ms ease; */

    /* ── Header ────────────────────────────────────────── */
    /* --header-bg: var(--color-bg-dark);
    --header-padding: 12px 20px;
    --header-padding-mobile: 8px 12px;
    --logo-max-width: 100px;
    --logo-max-width-mobile: 60px;
    --logo-max-width-fixed: 80px; */

    /* ── Navigation ────────────────────────────────────── */
    /* --nav-bg: transparent;
    --nav-bg-hover: var(--color-bg-dark-secondary);
    --nav-bg-active: var(--color-bg-dark-secondary);
    --nav-bg-submenu: var(--color-bg-dark);
    --nav-color: var(--color-text-light);
    --nav-color-hover: var(--color-brand-accent-hover);
    --nav-padding: 12px 20px; */

    /* ── Footer ────────────────────────────────────────── */
    /* --footer-bg: var(--color-bg-dark);
    --footer-color: var(--color-text-light);
    --footer-padding: 40px 20px;
    --footer-logo-max-width: 160px;
    --footer-logo-max-width-mobile: 120px;
    --footer-feature-max-width: 300px; */
}