/* ===================================================================== YourHR — Design Tokens (theme.css) Single source of truth for color, type, spacing, radius, shadow, motion. Light theme default · dark-theme-ready · white-label-ready. Consumed by app.css (components) and dashboard.js (chart palette). ===================================================================== */ /* ===== A) BRAND PRESETS (10) — , reset/default=indigo ===== */ :root, [data-brand="default"] { --hr-primary:#4f46e5; --hr-primary-hover:#4338ca; --brand-500:#6366f1; --brand-700:#4338ca; --hr-secondary:#64748b; --hr-success:#059669; --hr-warning:#d97706; --hr-danger:#e11d48; --hr-info:#0891b2; } [data-brand="sky"] { --hr-primary:#2b9de3; --hr-primary-hover:#1b86c7; --brand-500:#44a9e6; --brand-700:#2484bf; --hr-secondary:#64748b; --hr-success:#0d9488; --hr-warning:#f59e0b; --hr-danger:#e11d48; --hr-info:#0ea5e9; } [data-brand="slate"] { --hr-primary:#3b5bdb; --hr-primary-hover:#2f49b0; --brand-500:#5c7cfa; --brand-700:#2f49b0; --hr-secondary:#475569; --hr-success:#16a34a; --hr-warning:#ca8a04; --hr-danger:#dc2626; --hr-info:#2563eb; } [data-brand="emerald"] { --hr-primary:#059669; --hr-primary-hover:#047857; --brand-500:#10b981; --brand-700:#047857; --hr-secondary:#64748b; --hr-success:#16a34a; --hr-warning:#d97706; --hr-danger:#dc2626; --hr-info:#0891b2; } [data-brand="teal"] { --hr-primary:#0d9488; --hr-primary-hover:#0f766e; --brand-500:#14b8a6; --brand-700:#0f766e; --hr-secondary:#64748b; --hr-success:#059669; --hr-warning:#ea8c00; --hr-danger:#e11d48; --hr-info:#0891b2; } [data-brand="royal"] { --hr-primary:#7c3aed; --hr-primary-hover:#6d28d9; --brand-500:#8b5cf6; --brand-700:#6d28d9; --hr-secondary:#6b7280; --hr-success:#059669; --hr-warning:#d97706; --hr-danger:#e11d48; --hr-info:#2563eb; } [data-brand="rose"] { --hr-primary:#e11d48; --hr-primary-hover:#be123c; --brand-500:#f43f5e; --brand-700:#be123c; --hr-secondary:#64748b; --hr-success:#059669; --hr-warning:#d97706; --hr-danger:#dc2626; --hr-info:#0891b2; } [data-brand="amber"] { --hr-primary:#d97706; --hr-primary-hover:#b45309; --brand-500:#f59e0b; --brand-700:#b45309; --hr-secondary:#64748b; --hr-success:#16a34a; --hr-warning:#ea8c00; --hr-danger:#dc2626; --hr-info:#0891b2; } [data-brand="midnight"] { --hr-primary:#1e3a8a; --hr-primary-hover:#1e3a70; --brand-500:#2563eb; --brand-700:#172554; --hr-secondary:#475569; --hr-success:#059669; --hr-warning:#d97706; --hr-danger:#dc2626; --hr-info:#0891b2; } [data-brand="coral"] { --hr-primary:#f97316; --hr-primary-hover:#ea580c; --brand-500:#fb923c; --brand-700:#c2410c; --hr-secondary:#64748b; --hr-success:#16a34a; --hr-warning:#eab308; --hr-danger:#dc2626; --hr-info:#0ea5e9; } :root { /* ---- Brand — derived from --hr-primary (Block A preset); white-label: override --hr-primary via [data-brand] OR the per-tenant inline