/* ===== CSS VARIABLES ===== */
:root {
    --primary: #14532D;
    --primary-light: #1E6B3A;
    --primary-dark: #0D3B1F;
    --pink: #E7B8B0;
    --pink-light: #F5E0DB;
    --copper: #C79B73;
    --copper-dark: #A87952;
    --copper-gradient: linear-gradient(135deg, #C79B73, #A87952);
    --bg: #FFFBF7;
    --bg-card: #FFFFFF;
    --bg-cream: #FBF5EF;
    --text: #14532D;
    --text-light: #6B7B6E;
    --text-lighter: #9CA3AF;
    --border: #E8DFD3;
    --shadow: 0 2px 12px rgba(20,83,45,0.06);
    --shadow-hover: 0 8px 24px rgba(20,83,45,0.12);
    --radius: 14px;
    --radius-sm: 8px;
}