/*
// Filename: variables.css
// Directory: /www/css/
// Description: Definerer fargepalett (Lys/Mørk) og fonter.
Lys modus er standard (:root). Mørk modus aktiveres via data-theme="dark".
// Copyright: Webmasterinfo.no
*/

:root {
    /* --- 1. HOVEDFARGER (Identitet) --- */
    /* Matsnakk Oransje (Logo) */
    --color-orange: #e67e22; 
    
    /* Friske Matfarger (Dine spesifikke ønsker) */
    --color-lime: #cddc39;          /* Limegrønn - for highlights */
    --color-sativa: #7cb342;        /* Sativa/Naturgrønn - for vegetar/sunn mat */
    --color-lemon: #fdd835;         /* Sitronskall - for lystbetonte elementer */
    --color-blood: #c0392b;         /* Blodrød - for kjøtt/viktige knapper */
    
    /* Fonter */
    /* Husk å importere Geom Graphic via Adobe Fonts eller @font-face i style.css */
    --font-head: 'Geom Graphic', 'Segoe UI', sans-serif; 
    --font-body: 'Segoe UI', Tahoma, sans-serif;

    /* --- 2. LYST DESIGN (Standard / Default) --- */
    /* Bakgrunner */
    --bg-body: #f8f9fa;             /* Veldig lys grå, nesten hvit (behagelig for øyet) */
    --bg-card: #ffffff;             /* Helt hvit for kort/innhold */
    --bg-header: #ffffff;
    --bg-input: #ffffff;
	--bg-footer: #181818;
    
    /* Tekst */
    --text-main: #2c3e50;           /* Mørk blågrå (bedre lesbarhet enn ren sort) */
    --text-muted: #7f8c8d;          /* Gråtone for mindre viktig tekst */
    
    /* Rammer og Detaljer */
    --border-color: #e0e0e0;
    --shadow: 0 4px 12px rgba(0,0,0,0.08); /* Myk, moderne skygge */
}

/* --- 3. MØRKT DESIGN (Aktiveres ved toggle) --- */
[data-theme="dark"] {
    /* Bakgrunner */
    --bg-body: #121212;             /* Dyp mørk grå/sort */
    --bg-card: #1e1e1e;             /* Mørkere grå for kort */
    --bg-header: #181818;
    --bg-input: #2c2c2c;
    
    /* Tekst */
    --text-main: #ecf0f1;           /* Nesten hvit */
    --text-muted: #bdc3c7;
    
    /* Rammer og Detaljer */
    --border-color: #333333;
    --shadow: 0 4px 15px rgba(0,0,0,0.4); /* Hardere skygge i mørket */
}