/**
 * Portal UI Framework — color palette presets
 * Apply: body[data-portal-theme="theme-id"] or body.portal-theme-{theme-id}
 * Tokens only — components read var(--portal-primary|accent|slate|*)
 */

/* ── Verde + Laranja (default) ─────────────────────────────────────────── */

body[data-portal-theme="verde-laranja"],
body.portal-theme-verde-laranja {
    --portal-primary: #15a362;
    --portal-primary-dark: #12814d;
    --portal-primary-light: #edfdf6;
    --portal-primary-tint: rgba(237, 253, 246, 0.72);
    --portal-primary-tint-child: rgba(237, 253, 246, 0.28);
    --portal-primary-tint-strong: rgba(237, 253, 246, 0.88);
    --portal-primary-rgb: 21, 163, 98;
    --portal-accent: #E86C2D;
    --portal-accent-dark: #c85a24;
    --portal-accent-soft: #fff4ee;
    --portal-accent-rgb: 232, 108, 45;
    --portal-slate: #747f94;
    --portal-slate-rgb: 116, 127, 148;
    --portal-success-badge: #5cb377;
}

/* ── Azul + Coral (professional) ───────────────────────────────────────── */

body[data-portal-theme="azul-coral"],
body.portal-theme-azul-coral {
    --portal-primary: #2563eb;
    --portal-primary-dark: #1d4ed8;
    --portal-primary-light: #eff6ff;
    --portal-primary-tint: rgba(239, 246, 255, 0.72);
    --portal-primary-tint-child: rgba(239, 246, 255, 0.28);
    --portal-primary-tint-strong: rgba(239, 246, 255, 0.88);
    --portal-primary-rgb: 37, 99, 235;
    --portal-accent: #f97316;
    --portal-accent-dark: #ea580c;
    --portal-accent-soft: #fff7ed;
    --portal-accent-rgb: 249, 115, 22;
    --portal-slate: #64748b;
    --portal-slate-rgb: 100, 116, 139;
    --portal-success-badge: #22c55e;
}

/* ── Teal + Âmbar (calm) ───────────────────────────────────────────────── */

body[data-portal-theme="teal-amber"],
body.portal-theme-teal-amber {
    --portal-primary: #0d9488;
    --portal-primary-dark: #0f766e;
    --portal-primary-light: #f0fdfa;
    --portal-primary-tint: rgba(240, 253, 250, 0.72);
    --portal-primary-tint-child: rgba(240, 253, 250, 0.28);
    --portal-primary-tint-strong: rgba(240, 253, 250, 0.88);
    --portal-primary-rgb: 13, 148, 136;
    --portal-accent: #d97706;
    --portal-accent-dark: #b45309;
    --portal-accent-soft: #fffbeb;
    --portal-accent-rgb: 217, 119, 6;
    --portal-slate: #6b7280;
    --portal-slate-rgb: 107, 114, 128;
    --portal-success-badge: #14b8a6;
}

/* ── Navy + Gold (corporate) ───────────────────────────────────────────── */

body[data-portal-theme="navy-gold"],
body.portal-theme-navy-gold {
    --portal-primary: #1e3a5f;
    --portal-primary-dark: #152a45;
    --portal-primary-light: #eef2f7;
    --portal-primary-tint: rgba(238, 242, 247, 0.72);
    --portal-primary-tint-child: rgba(238, 242, 247, 0.28);
    --portal-primary-tint-strong: rgba(238, 242, 247, 0.88);
    --portal-primary-rgb: 30, 58, 95;
    --portal-accent: #c9a227;
    --portal-accent-dark: #a8871f;
    --portal-accent-soft: #faf6e8;
    --portal-accent-rgb: 201, 162, 39;
    --portal-slate: #5c6b7a;
    --portal-slate-rgb: 92, 107, 122;
    --portal-success-badge: #2d6a4f;
}

/* ── Slate + Emerald (neutral) ─────────────────────────────────────────── */

body[data-portal-theme="slate-emerald"],
body.portal-theme-slate-emerald {
    --portal-primary: #475569;
    --portal-primary-dark: #334155;
    --portal-primary-light: #f1f5f9;
    --portal-primary-tint: rgba(241, 245, 249, 0.72);
    --portal-primary-tint-child: rgba(241, 245, 249, 0.28);
    --portal-primary-tint-strong: rgba(241, 245, 249, 0.88);
    --portal-primary-rgb: 71, 85, 105;
    --portal-accent: #10b981;
    --portal-accent-dark: #059669;
    --portal-accent-soft: #ecfdf5;
    --portal-accent-rgb: 16, 185, 129;
    --portal-slate: #64748b;
    --portal-slate-rgb: 100, 116, 139;
    --portal-success-badge: #34d399;
}

/* Legacy aliases — resolve on body so palette presets propagate to portal-l2.css */
body.portal-ui,
body.app-with-sidebar,
body[data-portal-theme],
body[class*="portal-theme-"] {
    --portal-green: var(--portal-primary);
    --portal-green-dark: var(--portal-primary-dark);
    --portal-green-light: var(--portal-primary-light);
    --portal-green-tint: var(--portal-primary-tint);
    --portal-green-tint-child: var(--portal-primary-tint-child);
    --portal-orange: var(--portal-accent);
    --portal-orange-dark: var(--portal-accent-dark);
    --portal-orange-soft: var(--portal-accent-soft);
    --portal-primary-border-subtle: rgba(var(--portal-primary-rgb), 0.1);
    --portal-primary-border-medium: rgba(var(--portal-primary-rgb), 0.28);
    --portal-primary-border-strong: rgba(var(--portal-primary-rgb), 0.45);
    --portal-primary-focus-ring: 0 0 0 0.2rem rgba(var(--portal-primary-rgb), 0.2);
    --portal-accent-border-soft: rgba(var(--portal-accent-rgb), 0.35);
    --portal-accent-focus-ring: 0 0 0 0.2rem rgba(var(--portal-accent-rgb), 0.2);
    --portal-slate-focus-ring: 0 0 0 0.2rem rgba(var(--portal-slate-rgb), 0.2);
}