/* Cloudpedia palette — single source of truth for accent blues.
   Loaded unconditionally before any other custom stylesheet so tokens
   resolve on pages whose own stylesheet is conditionally loaded.
   Contains no selectors other than :root. */

:root {
    /* Primary action, link, active state */
    --cp-primary-500: #2563EB;
    /* Hover / pressed, darker end of a gradient */
    --cp-primary-600: #1E40AF;
    /* Lighter hover, decorative artwork */
    --cp-primary-400: #3B82F6;
    /* Soft border, light tint */
    --cp-primary-300: #93C5FD;
    /* Deep gradient terminus */
    --cp-primary-900: #1e3a6e;
    /* Light tints for backgrounds/borders (blue) */
    --cp-primary-50: #EFF6FF;
    --cp-primary-100: #DBEAFE;
    /* Glow / low-alpha bloom */
    --cp-glow: rgba(37, 99, 235, 0.08);
    /* Switch track / soft background */
    --cp-primary-500-soft: rgba(37, 99, 235, 0.2);
    /* Sidebar glow layers — derived from the same blues */
    --cp-glow-soft: rgba(37, 99, 235, 0.12);
    --cp-glow-strong: rgba(37, 99, 235, 0.24);
    --cp-glow-accent: rgba(59, 130, 246, 0.16);
    /* Tinted canvas used by Add Funds (issue 277); keep consumers page-scoped. */
    --cp-canvas-tint: #EFF1F9;
    /* Neutral surfaces, borders and text */
    --cp-surface: #fff;
    --cp-surface-muted: #f8fafc;
    --cp-border-neutral: #e9ecef;
    /* Interactive control boundary with non-text contrast. */
    --cp-border-strong: #7A8494;
    --cp-gray-900: #0f172a;
    --cp-gray-600: #475569;
    /* Destructive actions: filled #DC2626 to match the red icon chips
       (.cp-hd-icon-red, incl. Terminate); hover deepens to #B91C1C. */
    --cp-danger: #DC2626;
    --cp-danger-dark: #B91C1C;
    /* Shared body font for the product details page */
    --cp-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    /* Client Area content edge for Vercel-style pages, issue 309: 1440 column minus 2x32 gutter. */
    --cp-content-max: 1376px;
    /* Pre-login auth card widths (login, password reset, two-factor; registration). */
    --cp-auth-max: 440px;
    --cp-auth-register-max: 600px;
    /* Success status colors for Memos card flash and UI (issue 313) */
    --cp-success-500: #16a34a;
    --cp-success-50: #f0fdf4;
    --cp-success-700: #166534;
    --cp-success-border: #22c55e;
    /* Memo popover shadow (issue 315) */
    --cp-shadow-pop: rgba(15, 23, 42, 0.12);
    /* Modal backdrop for route-local shell controls. */
    --cp-overlay: rgba(15, 23, 42, 0.5);
    /* Warning status (issue 319 & 338): Change Password modal, Return to Admin button */
    --cp-warning-500: #d97706;
    --cp-warning-700: #b45309;
    --cp-warning-500-soft: rgba(217, 119, 6, 0.1);
    /* Email verification banner (issue 338): soft red backgrounds for danger alerts */
    --cp-danger-soft-bg: #fef2f2;
    --cp-danger-soft-border: #fee2e2;
    /* Downloads identity accent, also the existing department icon badge. */
    --cp-accent-gold: #ffb800;
    /* Downloads gold tint — soft card and row backgrounds. */
    --cp-accent-gold-tint: #FFF6DF;
    /* Downloads gold ink — text on tinted gold surfaces. */
    --cp-accent-gold-ink: #8A5B00;
    /* Downloads gold border — outlined tinted surfaces. */
    --cp-accent-gold-border: #FFE3A6;
    /* Open Ticket identity accent. */
    --cp-accent-purple: #673DE6;
    /* Open Ticket purple tint — soft card and row backgrounds. */
    --cp-accent-purple-tint: #F5F3FF;
    /* Open Ticket purple ink — text on tinted purple surfaces. */
    --cp-accent-purple-ink: #5B21B6;
    /* Open Ticket purple border — outlined tinted surfaces. */
    --cp-accent-purple-border: #DDD6FE;
}

/* Email-verification banner: kill the parent lavender strip (#e2e7ff) on all pages; keep the pink notice container. */
body .email-verification { background-color: #fff; }