/* Colour palette of the careers portal. Every stylesheet reads these; a colour
   is changed here and nowhere else. Loaded first by both layouts. */
:root {
    --violet: #8b5cf6;
    --violet-dark: #7c3aed;
    --violet-light: #a78bfa;
    --violet-lighter: #c4b5fd;
    --violet-tint: #f5f3ff;
    --ink: #18181b;
    --ink-2: #27272a;
    --ink-3: #3f3f46;
    --muted: #71717a;
    --muted-2: #a1a1aa;
    --border: #e5e7eb;
    --border-2: #d4d4d8;
    --text-soft: #e4e4e7;
    --surface: #f4f4f5;
    --surface-2: #f9fafb;
    --white: #ffffff;
    --black: #000000;
    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-tint: #fee2e2;
    --success: #10b981;
    --success-tint: #ecfdf5;

    /* Accents and footer tones */
    --surface-3: #fafafa;
    --border-3: #d8dbe1;
    --muted-3: #52525b;
    --warning: #f97316;
    --warning-tint: #fff7ed;
    --warning-dark: #92400e;
    --danger-darker: #b91c1c;
    --danger-deep: #991b1b;
    --danger-tint-2: #fef2f2;
    --success-dark: #16a34a;
    --success-tint-2: #dcfce7;
    --violet-tint-2: #ddd6fe;
    --footer-text: #aaaaaa;
    --footer-muted: #888888;
    --footer-line: #444444;
    --footer-hover: #cccccc;
    --footer-entity: #a0a0a0;
    --footer-entity-strong: #c8c8c8;
    --footer-btn-hover: #e0e0e0;

    /* Status dots and the amber "needs you" tone, shared by the dashboard
       and the meeting room */
    --ok: #22c55e;
    --warn: #f59e0b;

    /* Deeper violets and the pale washes behind highlighted blocks */
    --violet-deep: #6d28d9;
    --violet-deepest: #4c1d95;
    --violet-wash: #ede9fe;
    --violet-wash-2: #faf5ff;
    --violet-tint-3: #faf7ff;

    /* Success states: chips, borders and the darker greens for text */
    --success-emerald: #047857;
    --success-deep: #166534;
    --success-strong: #15803d;
    --success-border: #a7f3d0;

    /* Warning states: pale grounds and the amber for text */
    --warning-border: #fef3c7;
    --warning-tint-2: #fffbeb;
    --warning-strong: #b45309;

    /* Danger states: pale reds for borders and hover grounds */
    --danger-light: #fca5a5;
    --danger-tint-3: #fecaca;

    /* Extra greys: separators, disabled grounds, the image placeholder */
    --surface-4: #f3f4f6;
    --surface-5: #ececf0;
    --ink-deep: #17171a;
    --muted-4: #b7b7b7;

    /* Third-party brand colours, only ever on that brand's own button */
    --brand-linkedin: #0a66c2;
    --brand-linkedin-dark: #004182;

    /* Meeting room: its page ground, the card shadow and its own neutrals,
       slightly cooler than the rest of the portal */
    --page: #eef0f4;
    --shadow: 0 10px 30px rgba(23, 24, 29, .08);
    --visio-bg: #0f1117;
    --visio-surface: #17181d;
    --visio-surface-2: #2a2c35;
    --visio-surface-3: #3f4250;
    --visio-muted: #7c7f88;
    --visio-muted-2: #a6aab3;
    --visio-text-soft: #cdd0d6;
    --visio-border: #d6d8dd;
    --visio-border-2: #e4e6ea;
    --visio-panel: #f2f3f6;
    --visio-panel-2: #f4f5f8;
    --visio-accent-tint: #f1ecfe;
    --visio-accent-tint-2: #faf8ff;
    --visio-accent-border: #e4d9fd;
    --visio-warning-tint: #fff7ea;
    --visio-warning-border: #f5cd7f;

    /* In-page modal (partials/uiModal.ejs), on both layouts */
    --modal-ink: #111111;
    --modal-text: #333333;
    --modal-border: #e6e6e6;
    --modal-border-2: #eeeeee;
    --modal-surface: #f3f3f3;
    --modal-danger: #c8232c;
    --modal-danger-dark: #a51a22;

    /* Plain pages rendered without the layout (maintenance) */
    --plain-bg: #f8f8f8;
    --plain-ink: #111827;
    --plain-ink-2: #1f2937;
    --plain-muted: #4b5563;

    /* Translucent colours: scrims, shadows, sheens and the stops of a few
       gradients. Written as rgba() because the alpha is the point; named for
       what they do on the page, so changing an opacity does not orphan a name. */
    --violet-glow: rgba(139, 92, 246, .15);
    --violet-glow-soft: rgba(139, 92, 246, 0.1);
    --violet-glow-visio: rgba(139, 92, 246, .12);
    --violet-ring: rgba(139, 92, 246, 0.2);
    --violet-ring-soft: rgba(139, 92, 246, 0.3);
    --violet-sweep: rgba(139, 92, 246, .55);
    --violet-clear: rgba(139, 92, 246, 0);
    --danger-glow: rgba(239, 68, 68, .1);
    --danger-glow-soft: rgba(239, 68, 68, 0.08);
    --danger-glow-2: rgba(220, 38, 38, .15);
    --scrim: rgba(0, 0, 0, 0.5);
    --scrim-header: rgba(10, 10, 12, 0.7);
    --scrim-panel: rgba(0, 0, 0, 0.35);
    --scrim-strong: rgba(0, 0, 0, 0.55);
    --overlay-strong: rgba(0, 0, 0, .6);
    --shadow-soft: rgba(0, 0, 0, 0.05);
    --shadow-card: rgba(0, 0, 0, 0.06);
    --shadow-card-2: rgba(0, 0, 0, 0.07);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --visio-scrim: rgba(23, 24, 29, .72);
    --visio-scrim-2: rgba(23, 24, 29, .78);
    --visio-scrim-soft: rgba(23, 24, 29, .45);
    --visio-warn-glow: rgba(180, 83, 9, .25);
    --white-clear: rgba(255, 255, 255, 0);
    --white-line: rgba(255, 255, 255, 0.15);
    --white-line-2: rgba(255, 255, 255, 0.18);
    --white-sheen: rgba(255, 255, 255, 0.07);
    --white-sheen-2: rgba(255, 255, 255, 0.13);
}