/* 
   Project: Organic Minimalist
   Palette: Tortoise Shell & Cloud Dancer
   Vibe: Calm, Sophisticated, and Grounded
*/

:root {
    --tortoise: #754734;      /* Deep Warm Tortoise Shell */
    --amber: #d9b648;         /* Golden Fleck Accent */
    --cloud-dancer: #f2f0eb;  /* Color of the Year (Off-White) */
    --slate-earth: #2d2a26;   /* Dark Earthy Text */
    --line-muted: #e0ddd5;    /* Subtle Divider */
    --bg-surface: #ffffff;    /* Pure White for card depth */
    --bg-red: #ff3b30;        /* Red */
    --forest-green: #228b22;. /* Forest Green */
}

html.night {
    /* Night Palette: Deep Forest & Earth */
    --tortoise: #a67c6a;      /* Lighter, desaturated brown to pop against dark */
    --amber: #b89a3d;         /* Slightly dimmed gold */
    --cloud-dancer: #2d2a26;  /* Now used as the main background */
    --slate-earth: #f2f0eb;   /* Now used as the main text (Off-White) */
    --line-muted: #3d3a35;    /* Darker divider */
    --bg-surface: #1e1c1a;    /* Very dark brown/earth for card depth */
    --bg-red: #ff3b30;        /* Red */
    --forest-green: #228b8b;         /* Teal */
}

/* Base application to ensure the background changes */
html {
    background-color: var(--cloud-dancer);
    color: var(--slate-earth);
    transition: background-color 0.4s ease, color 0.4s ease;
}