/* ContrivIO brand foundation. Shared by the admin and customer portal.
 * See docs/brand-profile.md for color roles, contrast, and brand usage.
 */
:root {
    --contrivio-brand-primary: #081b36;
    --contrivio-navy-950: #050d1c;
    --contrivio-navy-900: #081b36;
    --contrivio-navy-800: #0b2547;
    --contrivio-navy-700: #10355a;
    --contrivio-navy-650: #164568;
    --contrivio-teal-900: #07303b;
    --contrivio-teal-700: #17494e;
    --contrivio-teal-600: #205c60;
    --contrivio-teal-100: #dbece8;
    --contrivio-teal-50: #eff7f5;
    --contrivio-blue-700: #1556b3;
    --contrivio-blue-600: #1b63cc;
    --contrivio-blue-500: #206eff;
    --contrivio-blue-100: #dce9ff;
    --contrivio-blue-50: #f0f5ff;
    --contrivio-cyan-500: #58a9df;
    --contrivio-cyan-400: #6ac0e8;
    --contrivio-cyan-300: #78c9ed;
    --contrivio-cyan-100: #b8e7f7;
    --contrivio-orange-600: #dc7d1a;
    --contrivio-orange-550: #f98d22;
    --contrivio-orange-500: #f99e39;
    --contrivio-orange-400: #ffb45c;
    --contrivio-emerald-500: #2eae87;
    --contrivio-emerald-400: #00cb9a;
    --contrivio-emerald-300: #70d9ba;
    --contrivio-white: #ffffff;

    /* Quiet controls complement the vivid ambient background. */
    --contrivio-brand-action: var(--contrivio-teal-600);
    --contrivio-brand-action-hover: var(--contrivio-teal-700);
    --contrivio-brand-selected: var(--contrivio-teal-700);
    --contrivio-brand-selected-strong: var(--contrivio-teal-600);
    --contrivio-brand-selection-indicator: var(--contrivio-orange-500);

    /* Brand surfaces: decorative color stays separate from data surfaces. */
    --contrivio-brand-background:
        linear-gradient(145deg, var(--contrivio-navy-950) 0%, var(--contrivio-navy-900) 48%, var(--contrivio-teal-900) 100%);
    --contrivio-brand-glow:
        radial-gradient(circle at 72% 18%, rgb(32 110 255 / 34%), transparent 30rem),
        radial-gradient(circle at 17% 78%, rgb(249 141 34 / 24%), transparent 31rem),
        radial-gradient(circle at 86% 82%, rgb(0 203 154 / 28%), transparent 34rem);
    --contrivio-brand-hero: var(--contrivio-brand-glow), var(--contrivio-brand-background);
    --contrivio-brand-navigation:
        radial-gradient(ellipse at 0 8%, rgb(32 110 255 / 18%), transparent 30rem),
        radial-gradient(ellipse at 100% 100%, rgb(0 203 154 / 12%), transparent 26rem),
        linear-gradient(180deg, var(--contrivio-navy-900), var(--contrivio-navy-950) 75%);
    --contrivio-brand-text: #e5edf4;
    --contrivio-brand-text-soft: #bfd0de;
    --contrivio-brand-border: #294969;
    --contrivio-brand-border-strong: #3e6084;
    --contrivio-brand-control-border: #456b93;
    --contrivio-brand-dark-surface: #0b203a;
    --contrivio-brand-dark-surface-alt: #102a46;
    --contrivio-brand-dark-hover: #113556;
    --contrivio-brand-dark-selected: #123c40;
}