/* =========================================================
   Sametrix PUBLIC product theme (terracotta)
   Website, landing, store, booking, public widgets.
   Do not use these tokens as the Admin identity.
   ========================================================= */

:root {
    --color-primary: #C97D4F;
    --color-primary-dark: #A8622D;
    --color-primary-light: #FDF5EF;
    --color-primary-border: #F0D4BC;

    /* Public success stays sage (brand-adjacent) */
    --color-success: #7C9A7E;
    --color-success-dark: #628064;
    --color-success-light: #EEF4EE;
    --color-success-border: #C4D9C5;

    --color-text: #1C1917;
    --color-muted: #57534E;
    --color-text-light: #9CA3AF;

    --color-surface: #FFFFFF;
    --color-bg: #FAF7F3;
    --color-border: #ECE4DC;
    --color-border-light: #F5F0EB;

    --color-focus-ring: rgba(201, 125, 79, 0.25);

    /* Warm public shadows */
    --shadow-sm: 0 2px 8px rgba(28, 25, 23, 0.06);
    --shadow-md: 0 8px 24px rgba(28, 25, 23, 0.08);
    --shadow-lg: 0 12px 40px rgba(28, 25, 23, 0.10);
    --shadow: var(--shadow-md);

    /* Legacy aliases used by HomeSite / booking / store */
    --primary: var(--color-primary);
    --primary-dark: var(--color-primary-dark);
    --primary-light: var(--color-primary-light);
    --primary-border: var(--color-primary-border);

    --green: var(--color-success);
    --green-dark: var(--color-success-dark);
    --green-light: var(--color-success-light);
    --green-border: var(--color-success-border);

    --danger: var(--color-danger);
    --danger-light: var(--color-danger-light);
    --danger-hover: var(--color-danger-hover);
    --danger-border: var(--color-danger-border);

    --text-dark: var(--color-text);
    --text-muted: var(--color-muted);
    --text-light: var(--color-text-light);

    --border: var(--color-border);
    --border-light: var(--color-border-light);
    --bg-light: var(--color-bg);
    --surface: var(--color-surface);

    /* Bootstrap bridge — public */
    --bs-primary: #C97D4F;
    --bs-primary-rgb: 201, 125, 79;
    --bs-link-color: #C97D4F;
    --bs-link-hover-color: #A8622D;
    --bs-focus-ring-color: rgba(201, 125, 79, 0.25);

    --swiper-theme-color: #C97D4F;

    --s-label-color: var(--color-muted);
    --s-input-border: var(--color-border);
    --s-input-bg: var(--color-surface);
}