/* Workforce OS register page — Charcoal & Coral theme, scoped to this page
   only (pushed exclusively by auth/register.blade.php, loading after
   theme.css). Replaces the default indigo/violet/cyan gradient panel —
   rainbow headline, mismatched colored feature chips, floating blur orbs —
   with the same restrained charcoal-dominant, coral-accent language used on
   the welcome page. */
:root {
    --p-50: 250 250 250;
    --p-100: 244 244 245;
    --p-200: 228 228 231;
    --p-300: 212 212 216;
    --p-400: 161 161 170;
    --p-500: 82 82 91;
    --p-600: 28 28 30;
    --p-700: 9 9 11;
    --p-800: 5 5 6;
    --p-900: 0 0 0;
    --p-hex: #1c1c1e;

    --accent-50: 253 237 234;
    --accent-100: 250 216 209;
    --accent-200: 245 178 165;
    --accent-300: 240 141 122;
    --accent-400: 236 112 90;
    --accent-500: 232 84 62;
    --accent-600: 209 61 40;
    --accent-700: 176 45 28;
    --accent-hex: #e8543e;
}

/* Left panel background: charcoal gradient with a single warm coral
   undertone instead of the default indigo-to-violet gradient. */
.register-left {
    background:
        linear-gradient(135deg, rgba(9, 9, 11, 0.95), rgba(28, 28, 30, 0.9) 55%, rgba(176, 45, 28, 0.55)),
        #09090b;
}

/* One coral orb instead of three mismatched indigo/violet/cyan ones. */
.register-orb-1 {
    background: rgba(232, 84, 62, 0.18);
}

.register-orb-2 {
    background: rgba(255, 255, 255, 0.06);
}

.register-orb-3 {
    background: rgba(232, 84, 62, 0.1);
}

.register-logo-tile i {
    color: #fff !important;
}

/* Headline accent: white-to-coral instead of the indigo/violet/cyan rainbow. */
.register-gradient-text {
    background: linear-gradient(90deg, #ffffff, #f0917a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Feature chips: one consistent frosted-charcoal treatment instead of four
   mismatched hues, with the icon color as the only accent (alternating
   white / coral so the grid still reads with some rhythm). */
.register-feat-emerald,
.register-feat-amber,
.register-feat-cyan,
.register-feat-violet {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.register-feat-emerald i,
.register-feat-cyan i {
    color: #fff !important;
}

.register-feat-amber i,
.register-feat-violet i {
    color: rgb(var(--accent-400)) !important;
}

.register-testimonial i {
    color: rgb(var(--accent-400)) !important;
}