:root {

    /* Brand Colors Extracted from Image */
    --primary: #B56540;
    --secondary: #9E9882;
    --accent: #D29169;
    --sage-light: #C7C8BA;
    --sand: #DFBFAA;
    --cream: #F0DFCD;
    --white: #fff;
    --black: #000;
    --ink: #2B2D2F;

    /* Core Theme Mapping */
    --bg-primary: var(--cream);
    --bg-secondary: var(--sand);
    --card-bg: var(--sage-light);
    --border: var(--secondary);

    --text-primary: #2B2D2F;
    --text-secondary: #5A5D54;

    --button: var(--primary);
    --button-hover: var(--accent);
}
