/* ============================================================
   Align Enterprise — Design Tokens
   Single source of truth for the dark enterprise theme.
   All Tailwind utilities reference these via var(--token).
   ============================================================ */

:root {
    /* === Page backgrounds === */
    --bg-page:        #111318;
    --bg-surface:     #1a1d24;
    --bg-elevated:    #22252e;
    --bg-inset:       #14161b;

    /* === Borders === */
    --border-default: #2a2d36;
    --border-subtle:  #22252e;
    --border-strong:  #3a3d46;

    /* === Text === */
    --text-primary:   #f0f1f3;
    --text-secondary: #9ca3b0;
    --text-muted:     #6b7280;
    --text-inverse:   #111318;

    /* === Brand accents === */
    --accent-red:        #ED1846;
    --accent-red-dark:   #C8102E;
    --accent-red-glow:   rgba(237, 24, 70, 0.15);
    --accent-blue:       #0056A4;
    --accent-blue-light: #3b82f6;
    --accent-blue-glow:  rgba(59, 130, 246, 0.15);

    /* === Semantic === */
    --color-success:  #10b981;
    --color-warning:  #f59e0b;
    --color-danger:   #ef4444;
    --color-info:     #3b82f6;

    /* === Sidebar === */
    --bg-sidebar:        #15171c;
    --bg-sidebar-hover:  #1f222a;
    --bg-sidebar-active: var(--accent-red);

    /* === Focus === */
    --ring-focus: rgba(59, 130, 246, 0.5);

    /* === Shadows === */
    --shadow-card:     0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
    --shadow-elevated: 0 8px 24px rgba(0,0,0,0.4);

    /* === Radius === */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
}