/*
 * ═══════════════════════════════════════════════════════
 *  THEME VARIABLES — Furniture Website
 *  File ini di-load PERTAMA sebelum CSS lain
 *
 *  Cara pakai di HTML (urutan wajib):
 *
 *  <link rel="stylesheet" href="css/theme-vars.css">
 *  <link rel="stylesheet" href="css/style.css">
 *  <link rel="stylesheet" href="css/header-earthy.css">
 *
 *  Untuk ganti tema: cukup edit nilai hex di file ini saja.
 *  Semua CSS lain akan ikut otomatis.
 * ═══════════════════════════════════════════════════════
 */

:root {
    /* ── Primary Accent ───────────────────────────────── */
    --color-terracotta:   
#cf7d5c;
    /* ── Error / Destructive ──────────────────────────── */
    --color-error:        
#dc6b57;
    /* ── Dark Tones ───────────────────────────────────── */
    --color-espresso:     
#3f3128;
    --color-walnut:       
#2f241d;
    --color-umber:        
#5f4a3c;
    /* ── Mid Tones ────────────────────────────────────── */
    --color-taupe:        
#8c7a6d;
    --color-sand:         
#aa9a8d;
    --color-latte-dark:   
#c3b4a7;
    --color-latte:        
#ddd1c6;
    /* ── Warm Accents ─────────────────────────────────── */
    --color-sage:         
#87b66a;
    --color-honey:        
#e0c299;
    --color-honey-dark:   
#d8964f;
    /* ── Backgrounds & Surfaces ───────────────────────── */
    --color-white:        
#ffffff;
    --color-cream-dark:   
#fafafa;
    --color-cream:        
#f7f7f7;
    --color-cream-warm:   
#f2f2f2;
    /* ── Borders & Dividers ───────────────────────────── */
    --color-linen:        
#ececec;
    --color-linen-dark:   
#dcdcdc;
}
/*
 * ═══════════════════════════════════════════════════════
 *  CONTOH PRESET TEMA ALTERNATIF
 *  Uncomment salah satu, atau buat sendiri
 * ═══════════════════════════════════════════════════════

 * -- PRESET: Original Earthy (cream & terracotta) --
:root {
    --color-terracotta:   #b5694a;
    --color-error:        #c4614c;
    --color-espresso:     #3a2a1f;
    --color-walnut:       #2d1e14;
    --color-umber:        #4b3a2c;
    --color-taupe:        #7d6e60;
    --color-sand:         #9e8e7c;
    --color-latte-dark:   #ac9c8a;
    --color-latte:        #c8b9aa;
    --color-sage:         #7aaa5f;
    --color-honey:        #cdb08a;
    --color-honey-dark:   #c47d3a;
    --color-cream-dark:   #faf7f2;
    --color-cream:        #f7f2e9;
    --color-cream-warm:   #f2ece0;
    --color-linen:        #ecddd0;
    --color-linen-dark:   #d6c9b5;
    --color-white:        #ffffff;
    --rgb-terracotta:     181, 105, 74;
    --rgb-espresso:       58, 42, 31;
    --rgb-umber:          75, 58, 44;
    --rgb-cream-dark:     250, 247, 242;
}

 * -- PRESET: Forest Green --
:root {
    --color-terracotta:   #4a7c59;
    --color-error:        #c44c4c;
    --color-espresso:     #1e2f23;
    --color-walnut:       #142018;
    --color-umber:        #2c4a34;
    --color-taupe:        #607060;
    --color-sand:         #7c8e7c;
    --color-latte-dark:   #8a9c8a;
    --color-latte:        #aabcaa;
    --color-sage:         #6aaa7f;
    --color-honey:        #a0c08a;
    --color-honey-dark:   #7a9a5f;
    --color-cream-dark:   #f2f7f2;
    --color-cream:        #e9f2e9;
    --color-cream-warm:   #e0ece0;
    --color-linen:        #d0ecdd;
    --color-linen-dark:   #b5d6b5;
    --color-white:        #ffffff;
    --rgb-terracotta:     74, 124, 89;
    --rgb-espresso:       30, 47, 35;
    --rgb-umber:          44, 74, 52;
    --rgb-cream-dark:     242, 247, 242;
}

 * -- PRESET: Slate & Stone (monochrome) --
:root {
    --color-terracotta:   #5a6a7a;
    --color-error:        #c44c4c;
    --color-espresso:     #1e2530;
    --color-walnut:       #141820;
    --color-umber:        #2c3545;
    --color-taupe:        #606878;
    --color-sand:         #7c8490;
    --color-latte-dark:   #8a94a0;
    --color-latte:        #aab4c0;
    --color-sage:         #6a8a9a;
    --color-honey:        #8090a0;
    --color-honey-dark:   #607080;
    --color-cream-dark:   #f2f4f7;
    --color-cream:        #e9ecf2;
    --color-cream-warm:   #e0e4ec;
    --color-linen:        #d0d8e4;
    --color-linen-dark:   #b5c0d0;
    --color-white:        #ffffff;
    --rgb-terracotta:     90, 106, 122;
    --rgb-espresso:       30, 37, 48;
    --rgb-umber:          44, 53, 69;
    --rgb-cream-dark:     242, 244, 247;
}

*/