/* =====================================================
   COMMUNITY THEME — LIGHT token values (206)
   Loaded by App.razor when CommunityConfig.IsDarkMode = 0
   (and always on /x/ admin routes). Sibling of
   community-theme-dark.css — the two files MUST declare
   the identical set of custom properties.
   Brand tokens (--primary-color etc.) live in
   community-theme.css and are theme-agnostic.
   ===================================================== */

:root {
    /* Surfaces */
    --surface: #ffffff;
    --surface-alt: #f9fafb;
    --surface-sunken: #f3f4f6;
    --surface-rgb: 255, 255, 255;

    /* Borders */
    --border: #e5e7eb;
    --border-strong: #d1d5db;

    /* Text (WCAG AA on the surfaces above) */
    --text-primary: #1f2937;
    --text-secondary: #4B5563;
    --text-tertiary: #9ca3af;
    --text-contrast-high: #374151;
    --accent-text: #1A7A8A;

    /* Glass / shadow / overlay */
    --glass-white: rgba(0, 0, 0, 0.05);
    --glass-border: rgba(0, 0, 0, 0.1);
    --glass-border-strong: rgba(0, 0, 0, 0.3);
    --card-shadow: rgba(209, 209, 209, 0.15);
    --card-shadow-hover: rgba(209, 209, 209, 0.25);
    --scrim: rgba(0, 0, 0, 0.5);

    /* Skeletons */
    --skeleton-base: #f0f0f0;
    --skeleton-sheen: #e0e0e0;

    /* Status */
    --success: #059669;
    --success-bg: rgba(5, 150, 105, 0.1);
    --warning: #D97706;
    --error: #DC2626;
    --info: #3b82f6;
    --accent-bg: rgba(26, 122, 138, 0.1);
    --status-success-bg: #d1fae5;
    --status-success-text: #065f46;
    --status-warning-bg: #fef3c7;
    --status-warning-text: #92400e;
    --status-error-bg: #fee2e2;
    --status-error-text: #991b1b;
    --status-info-bg: #dbeafe;
    --status-info-text: #1e40af;

    /* Back-compat aliases (admin CSS + latent undefined tokens) */
    --bg-white: var(--surface);
    --bg-gray-light: var(--surface-alt);
    --bg-gray: var(--surface-sunken);
    --dark-bg: var(--surface);
    --darker-bg: var(--surface-sunken);
    --border-color: var(--border);
    --border-light: var(--border);
    --success-color: var(--success);
    --warning-color: var(--warning);
    --warning-text: var(--status-warning-text);
}