/* Design tokens compartilhados */

:root {
    --primary:        #1a56db;
    --primary-dark:   #1341b3;
    --primary-darker: #0f2f8c;
    --primary-light:  #e8f0fe;

    --accent:         #0ea5e9;

    /* ── Estados semânticos ── */
    --success:        #16a34a;
    --success-bg:     #f0fdf4;
    --success-border: #22c55e;

    --warning:        #d97706;
    --warning-bg:     #fffbeb;
    --warning-border: #f59e0b;

    --danger:         #dc2626;
    --danger-bg:      #fef2f2;
    --danger-border:  #ef4444;

    --info:           #0284c7;
    --info-bg:        #eff6ff;
    --info-border:    #3b82f6;

    --neutral:        #64748b;
    --neutral-bg:     #f1f5f9;
    --neutral-border: #cbd5e1;

    /* ── Texto e fundo ── */
    --text:           #1e293b;
    --text-muted:     #64748b;
    --border:         #e2e8f0;
    --bg:             #f1f5f9;
    --card-bg:        #ffffff;

    /* ── Tipografia ── */
    --font-family:    'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-size-base: 1rem;

    /* ── Escala de espaçamento ── */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;

    /* ── Raio ── */
    --radius-sm: 0.5rem;
    --radius:    0.75rem;
    --radius-lg: 1rem;
    --radius-pill: 50px;

    /* ── Sombra (discreta, sem exagero) ── */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow:    0 4px 24px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 8px 32px rgba(15, 23, 42, 0.12);

    /* ── Compatibilidade com código existente (não remover) ── */
    --primary-color:  var(--primary);
    --secondary-color:var(--text-muted);
    --accent-color:   #f59e0b;
    --light-color:    #f8fafc;
    --dark-color:     var(--text);
    --success-color:  var(--success);
    --error-color:    var(--danger);
    --border-radius:  var(--radius);
    --box-shadow:     var(--shadow);
}