/* ==========================================================================
   WorldMeetings Design Tokens
   Single source of truth for colours, spacing, elevation, and radius.
   Reference this file FIRST in all stylesheets.
   ========================================================================== */

:root {
    /* Primary brand palette */
    --wm-primary: #346132;
    --wm-primary-rgb: 52, 97, 50;
    --wm-primary-light: #e9f1e9;
    --wm-primary-lighter: #c6d9c6;
    --wm-green: #3AAA35;
    --wm-green-rgb: 58, 170, 53;
    --wm-yellow: #D3D800;
    --wm-yellow-rgb: 211, 216, 0;
    --wm-ca-primary: #5856d6;
    /* Semantic backgrounds & text */
    --wm-success-bg: #e2f4ed;
    --wm-success-text: #0D380A;
    --wm-warning-bg: #fff3cd;
    --wm-warning-text: #92400e;
    --wm-danger-bg: #fcebeb;
    --wm-danger-text: #902C36;
    --wm-info-bg: #dbeafe;
    --wm-info-text: #1d4ed8;
    /* Neutrals */
    --wm-muted: #5d5d5d;
    --wm-gray: #6c757d;
    --wm-border: #dee2e6;
    --wm-border-light: #c6d9c6;
    --wm-surface: #f8f9fa;
    --wm-body-bg: #e6F4e5;
    /* Elevation */
    --wm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --wm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Radius scale */
    --wm-radius-sm: 0.375rem;
    /* 6px  */
    --wm-radius-md: 0.5rem;
    /* 8px  */
    --wm-radius-lg: 0.75rem;
    /* 12px */
    --wm-radius-xl: 1rem;
    /* 16px */
    --wm-radius-pill: 50rem;
    /* Legacy aliases (maintained for backward compatibility) */
    --color-primary: var(--wm-primary);
    --color-ca-primary: var(--wm-ca-primary);
    --color-primary-light: var(--wm-primary-light);
    --border-primary-color-lighter: var(--wm-primary-lighter);
    --text-dark-light: var(--wm-muted);
    --color-warning: var(--wm-warning-bg);
    --color-success: var(--wm-success-bg);
    --color-danger: var(--wm-danger-bg);
    --color-primary-gray: #f0f0f0;
    --wm-color-header: #4E6E50;
}