/*
 * LinenCraft Atelier — Static CSS Variable Fallbacks
 *
 * These are the *static* fallback values for the CSS custom properties that
 * LCA_Color_Presets outputs dynamically at runtime. This file is loaded as a
 * dependency of main.css so the theme renders correctly even if the runtime
 * <style id="lca-runtime-vars"> block hasn't fired yet (SSR, caching edge cases).
 *
 * IMPORTANT: Never edit color values here directly — edit them in the admin
 * panel (Colors section) or in LCA_Color_Presets::PRESETS['atelier'].
 * This file is intentionally "last resort" fallbacks only.
 *
 * @package LinenCraftAtelier
 * @author  Priya Raghunathan <priya@anadevs.com>
 * @since   1.0.0
 */

:root {
  /* ── Backgrounds ──────────────────────────────────────────────────────── */
  --color-bg-primary:    #F5F0EB;
  --color-bg-secondary:  #EDE8E1;
  --color-bg-card:       #F8F5EE;
  --color-bg-surface:    #FDFAF6;
  --color-bg-menu:       #F8FAF4;
  --color-bg-footer:     #2C4A3E;

  /* ── Accent ───────────────────────────────────────────────────────────── */
  --color-accent:        #2C4A3E;
  --color-accent-hover:  #1E3329;
  --color-accent-light:  #EAF0EC;

  /* ── Secondary (Caramel) ──────────────────────────────────────────────── */
  --color-caramel:       #B07A3E;
  --color-caramel-hover: #8A5C28;

  /* ── Text ─────────────────────────────────────────────────────────────── */
  --color-text-headline: #1A1A1A;
  --color-text-body:     #3A2A1F;
  --color-text-muted:    #8B7E72;
  --color-text-inverted: #FFFFFF;

  /* ── Links ────────────────────────────────────────────────────────────── */
  --color-link:          #B07A3E;
  --color-link-hover:    #2C4A3E;

  /* ── Buttons ──────────────────────────────────────────────────────────── */
  --color-btn-bg:        #2C4A3E;
  --color-btn-text:      #FFFFFF;
  --color-btn-hover-bg:  #1E3329;

  /* ── Structure ────────────────────────────────────────────────────────── */
  --color-border:        #D8D0C5;
  --color-border-strong: #B8AEA6;
  --color-shadow:        rgba(42,26,15,.1);

  /* ── Footer ───────────────────────────────────────────────────────────── */
  --color-footer-text:   #FFFFFF;
  --color-footer-muted:  rgba(255,255,255,.65);

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --box-outer-bg:        #C8C0B8;
  --container-width:     1200px;

  /* ── Typography ───────────────────────────────────────────────────────── */
  --font-heading:        "Playfair Display",Georgia,"Times New Roman",serif;
  --font-body:           "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-button:         var(--font-body);
  --font-meta:           var(--font-body);
  --font-code:           ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;
  --font-size-base:      16px;

  /* ── Spacing ──────────────────────────────────────────────────────────── */
  --spacing-xs:   8px;
  --spacing-sm:   16px;
  --spacing-md:   24px;
  --spacing-lg:   48px;
  --spacing-xl:   80px;

  /* ── Radii ────────────────────────────────────────────────────────────── */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    16px;

  /* ── Animation ────────────────────────────────────────────────────────── */
  --transition-speed: 0.25s;

  /* ── Legacy aliases (main.css uses --lca-* vars from original HTML) ───── */
  --lca-cream:    var(--color-bg-primary);
  --lca-forest:   var(--color-accent);
  --lca-caramel:  var(--color-caramel);
  --lca-espresso: var(--color-text-headline);
  --lca-text:     var(--color-text-body);
  --lca-muted:    var(--color-text-muted);
  --lca-white:    #FFFFFF;
}

/* ── Dark mode utility classes ────────────────────────────────────────────── */
[data-theme="dark"] img { filter: brightness(.9); }
[data-theme="dark"] .lca-logo__img { filter: brightness(.85) invert(0); }