/* ============================================
   Carol's Homestead — Design System Variables
   A botanical/herbalist design token system
   ============================================ */

:root {
    /* ── Primary Palette (Forest Greens) ── */
    --primary: #4abb00;
    --primary-light: #64f704;
    --primary-dark: #327c02;

    /* ── Secondary & Accent ── */
    --secondary: #8B4513;
    --accent: #DAA520;
    --accent-warm: #CD853F;

    /* ── Text Colors ── */
    --text: black;
    --text-light: #9a9999;
    --text-on-dark: #eaeaea;

    /* ── Backgrounds ── */
    --bg: #faf8f0;
    --bg-card: rgba(255, 255, 255, 0.85);
    --bg-card-hover: rgba(255, 255, 255, 0.95);
    --bg-dark: #1a2e0a;

    /* ── Borders ── */
    --border: #d4c5a9;
    --border-light: #e8dcc8;

    /* ── Status Colors ── */
    --success: #4a7c29;
    --warning: #DAA520;
    --danger: #8B2500;

    /* ── Shadows ── */
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);

    /* ── Border Radius ── */
    --radius: 12px;
    --radius-lg: 20px;

    /* ── Transitions ── */
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── Typography ── */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Lora', 'Georgia', serif;
    --font-sans: 'Inter', system-ui, sans-serif;

    /* ── Layout ── */
    --vine-width: 72px;
}