/* ==========================================================================
   Brand colour presets - chosen by the Super Admin (Website Settings).
   Shared by the app (clouddial.css) and the public website (website/css/style.css):
   set data-brand on <html> and both pick up the same palette.
   ========================================================================== */
:root, [data-brand="indigo"] {
    --brand-50: #eef2ff; --brand-100: #e0e7ff; --brand-500: #6366f1; --brand-600: #4f46e5; --brand-700: #4338ca; --brand-800: #3730a3; --brand-900: #312e81;
    --brand-soft: #c7d2fe; --brand-accent: #0ea5e9;
    --cd-hero: linear-gradient(120deg, #1e1b4b 0%, #3730a3 45%, #4f46e5 72%, #0ea5e9 100%);
}
[data-brand="ocean"] {
    --brand-50: #ecfeff; --brand-100: #cffafe; --brand-500: #0ea5e9; --brand-600: #0284c7; --brand-700: #0369a1; --brand-800: #075985; --brand-900: #0c4a6e;
    --brand-soft: #bae6fd; --brand-accent: #06b6d4;
    --cd-hero: linear-gradient(120deg, #082f49 0%, #075985 45%, #0284c7 72%, #06b6d4 100%);
}
[data-brand="emerald"] {
    --brand-50: #ecfdf5; --brand-100: #d1fae5; --brand-500: #10b981; --brand-600: #059669; --brand-700: #047857; --brand-800: #065f46; --brand-900: #064e3b;
    --brand-soft: #a7f3d0; --brand-accent: #14b8a6;
    --cd-hero: linear-gradient(120deg, #022c22 0%, #065f46 45%, #059669 72%, #14b8a6 100%);
}
[data-brand="sunset"] {
    --brand-50: #fff7ed; --brand-100: #ffedd5; --brand-500: #f97316; --brand-600: #ea580c; --brand-700: #c2410c; --brand-800: #9a3412; --brand-900: #7c2d12;
    --brand-soft: #fed7aa; --brand-accent: #f59e0b;
    --cd-hero: linear-gradient(120deg, #431407 0%, #9a3412 45%, #ea580c 72%, #f59e0b 100%);
}
[data-brand="midnight"] {
    --brand-50: #f1f5f9; --brand-100: #e2e8f0; --brand-500: #64748b; --brand-600: #334155; --brand-700: #1e293b; --brand-800: #1e293b; --brand-900: #0f172a;
    --brand-soft: #cbd5e1; --brand-accent: #475569;
    --cd-hero: linear-gradient(120deg, #020617 0%, #0f172a 45%, #1e293b 72%, #475569 100%);
}