/*
 * Shared dashboard/public design tokens.
 * Keep this file limited to variables because it is imported by public-layout.css and admin-auth.css.
 */
:root {
    --color-primary: #3A4B29;
    --color-secondary: #60734D;
    --color-success: #4F7A3A;
    --color-warning: #CBB577;
    --color-danger: #B85A4A;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --shadow-sm: 0 1px 3px rgba(43, 45, 41, 0.04), 0 1px 2px rgba(43, 45, 41, 0.03);
    --shadow-md: 0 4px 12px rgba(43, 45, 41, 0.05), 0 2px 4px rgba(43, 45, 41, 0.04);
    --shadow-lg: 0 8px 24px rgba(43, 45, 41, 0.06), 0 4px 8px rgba(43, 45, 41, 0.04);

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;

    --primary-dark-olive: var(--color-primary);
    --secondary-olive: var(--color-secondary);
    --accent-gold: var(--color-warning);
    --main-bg-beige: #F7F5EE;
    --card-bg-white: #FFFFFF;
    --text-dark-charcoal: #2B2D29;

    /* ── Legacy text tokens ── */
    --ink:        #2B2D29;
    --ink-soft:   rgba(43, 45, 41, 0.72);
    --ink-muted:  rgba(43, 45, 41, 0.56);

    /* ── Legacy surface / border tokens ── */
    --card-border:  rgba(43, 45, 41, 0.10);
    --card-shadow:  0 1px 3px rgba(43, 45, 41, 0.04), 0 1px 2px rgba(43, 45, 41, 0.03);
    --border-xs:    rgba(43, 45, 41, 0.07);
    --border-sm:    rgba(43, 45, 41, 0.12);

    /* ── Legacy radius token ── */
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 12px;

    /* ── Legacy semantic color tokens ── */
    --cyan:      #06b6d4;
    --cyan-dim:  #0891b2;
    --gold:  #CBB577;
    --green: #4F7A3A;
    --red:   #B85A4A;
    --blue:  #3D6F8E;
    --amber: #b45309;

    /* ── Legacy gradient stop tokens (empty state decorations) ── */
    --card-green:     #4F7A3A;
    --card-green-mid: #60734D;
    --card-gold:      #CBB577;
}