/* Global Warm Terracotta Theme Palette (Improved contrast, removed yellow tones) */
:root {
    --color-bg: #ffffff; /* page background - pure white */
    --color-surface: #ffffff; /* main surface - pure white */
    --color-surface-alt: #ffffff; /* alt surface blocks - pure white */
    --color-card: #ffffff; /* product/cards - pure white */
    --color-border: #d6c8bc;
    --color-border-strong: #c1ad9b;
    --color-text: #2e231b; /* darker for stronger contrast */
    --color-text-muted: #5d4e43;
    --color-primary: #b24a1d; /* warm terracotta */
    --color-primary-hover: #953e18;
    --color-primary-soft: #f3e1d6;
    --color-secondary: #7a3f28; /* deeper warm brown-red */
    --color-secondary-hover: #61321f;
    --color-accent: #d2623a; /* richer accent */
    --color-danger: #a5302d;
    --color-danger-hover: #8a2725;
    --focus-ring: 2px solid rgba(178,74,29,.40);
    --shadow-sm: 0 1px 3px rgba(0,0,0,.10);
    --shadow-md: 0 4px 12px rgba(0,0,0,.14);
    color-scheme: light;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: var(--color-bg);
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
}

/* Links and buttons unchanged ... */

.content {
    background: var(--color-bg); /* match page background (white) */
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.2rem 1.4rem;
    box-shadow: var(--shadow-sm);
}

.card, .product-card {
    background: var(--color-card); /* white */
    border: 1px solid var(--color-border);
}

/* Floating labels placeholders unchanged ... */

/* Optional high-contrast utility */
.contrast-high {
    --color-bg: #ffffff; /* keep white in high-contrast mode */
    --color-surface: #ffffff; /* white */
    --color-border: #b9ab9f;
    --color-text: #241a14;
}