/**
 * GuardianDesk — Design tokens (shared across all pages)
 */

:root {
    --gd-gold: #c9a227;
    --gd-gold-soft: rgba(201, 162, 39, 0.12);
    --gd-gold-border: rgba(201, 162, 39, 0.35);
    --gd-navy: #0f172a;
    --gd-navy-mid: #1e293b;
    --gd-text: #0f172a;
    --gd-muted: #64748b;
    --gd-border: #e2e8f0;
    --gd-surface: #ffffff;
    --gd-surface-elevated: #f8fafc;
    --gd-canvas: #f1f5f9;
    --gd-radius: 12px;
    --gd-radius-sm: 8px;
    --gd-radius-lg: 14px;
    --gd-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    --gd-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.1);
    --gd-success: #16a34a;
    --gd-success-soft: rgba(22, 163, 74, 0.12);
    --gd-warning: #b45309;
    --gd-warning-soft: rgba(180, 83, 9, 0.12);
    --gd-danger: #dc2626;
    --gd-danger-soft: rgba(220, 38, 38, 0.12);
    --gd-info: #475569;
    --gd-info-soft: rgba(71, 85, 105, 0.1);
    --gd-primary: #334155;
    --gd-primary-hover: #1e293b;
}

.dark {
    --gd-text: #f1f5f9;
    --gd-muted: #94a3b8;
    --gd-border: #2a3441;
    --gd-surface: #161d27;
    --gd-surface-elevated: #1a222d;
    --gd-canvas: #0c1017;
    --gd-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    --gd-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.45);
    --gd-success-soft: rgba(74, 222, 128, 0.1);
    --gd-warning-soft: rgba(201, 162, 39, 0.12);
    --gd-danger-soft: rgba(248, 113, 113, 0.1);
    --gd-info-soft: rgba(148, 163, 184, 0.12);
    --gd-primary: #cbd5e1;
    --gd-primary-hover: #f1f5f9;
}