/**
 * ============================================================================
 * QENEX PORTAL SOVEREIGN THEME - CSS Bridge
 * ============================================================================
 *
 * Maps Q-Design tokens to portal.qenex.ai's purple/emerald sovereign palette.
 * Loaded AFTER tokens.css — CSS last-defined-wins semantics.
 *
 * Palette:
 *   Sovereign Purple  #7C3AED  (primary brand, portal identity)
 *   Deep Violet       #5B21B6  (dark variant)
 *   Emerald Trust     #10B981  (verification, trust signals)
 *   Sovereign Slate   #0F172A  (backgrounds, surfaces)
 *   Warm Ivory        #FFFBEB  (contrast text on dark surfaces)
 *
 * (c) 2026 QENEX LTD. All Rights Reserved.
 */

/* ============================================================================
   PORTAL SOVEREIGN TOKEN OVERRIDES
   ============================================================================ */

:root {
    /* Brand foundation — Sovereign Slate backgrounds */
    --brand-primary: #0F172A;
    --brand-primary-rgb: 15, 23, 42;
    --brand-primary-dark: #0A0F1E;
    --brand-primary-deep: #050812;

    /* Sovereign Purple — portal identity color */
    --brand-secondary: #7C3AED;
    --brand-secondary-rgb: 124, 58, 237;
    --brand-secondary-light: #8B5CF6;

    /* Lavender accent — lighter purple variant */
    --brand-tertiary: #A78BFA;
    --brand-tertiary-rgb: 167, 139, 250;

    /* Emerald as primary accent — trust, verification */
    --brand-accent: #10B981;
    --brand-accent-rgb: 16, 185, 129;
    --brand-accent-dim: rgba(16, 185, 129, 0.7);
    --brand-accent-glow: rgba(16, 185, 129, 0.4);
    --brand-accent-subtle: rgba(16, 185, 129, 0.1);
    --brand-accent-hover: #34D399;

    /* Purple magenta variant for AI/premium indicators */
    --brand-magenta: #A855F7;
    --brand-magenta-rgb: 168, 85, 247;
    --brand-magenta-dim: rgba(168, 85, 247, 0.7);
    --brand-magenta-glow: rgba(168, 85, 247, 0.4);
    --brand-magenta-subtle: rgba(168, 85, 247, 0.1);

    /* Surface overrides for portal dark theme */
    --surface-base: #0F172A;
    --surface-elevated: #1E293B;
    --surface-overlay: #334155;
    --surface-card: rgba(30, 41, 59, 0.95);
}