/* ============================================================
   variables.css  –  ChimpNado design tokens
   ============================================================ */

:root {
    /* FT-inspired warm neutrals × Claude slate */
    --bg:           #f8f4ef;
    --bg2:          #f2ede6;
    --surface:      #fdfaf7;
    --surface2:     #f0ebe3;
    --border:       #ddd5c8;
    --border-light: #ede8e0;

    /* Accents */
    --accent-ft:    #c0392b;
    --accent-teal:  #0d7377;
    --accent-gold:  #b8860b;
    --accent-blue:  #1a3a5c;

    /* Text */
    --text:         #1a1410;
    --text-2:       #3d3530;
    --muted:        #7a6f65;
    --muted-light:  #a89e94;

    /* Status */
    --success:      #1a5c3a;
    --danger:       #8b1a1a;
    --success-bg:   #e8f5ee;
    --danger-bg:    #f9e8e8;

    /* Shadows */
    --shadow-sm:    0 1px 3px rgba(26,20,16,.06);
    --shadow-md:    0 3px 12px rgba(26,20,16,.08), 0 1px 3px rgba(26,20,16,.05);
    --shadow-lg:    0 8px 32px rgba(26,20,16,.1),  0 2px 6px rgba(26,20,16,.06);

    /* Typography */
    --font-serif:   'Playfair Display', 'Georgia', serif;
    --font-body:    'Inter', sans-serif;
    --font-mono:    'DM Mono', monospace;

    /* Border radii */
    --radius-sm:    6px;
    --radius-md:    10px;
    --radius-lg:    14px;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-body);
    font-size: 13.5px;
    line-height: 1.6;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}