/**
 * ==============================================================================
 * TANGEM PROTOTYPE — CENTRALIZED THEME SYSTEM (SINGLE SOURCE OF TRUTH)
 * ==============================================================================
 * Aligned with the official Tangem Design System Mockup.
 * Features:
 * - Deep obsidian metallic background with ambient curved blue studio lighting
 * - Official Tangem Electric Blue accent (#0082fb)
 * - Precision pill buttons & glassmorphic elevated dark cards
 */

:root {
    /* --------------------------------------------------------------------------
     * 1. CORE BACKGROUND & SURFACE PALETTE (Tangem Obsidian Dark)
     * -------------------------------------------------------------------------- */
    --color-bg-body: #08090d;             /* Midnight obsidian app background */
    --color-bg-surface: #0f1219;          /* Primary card surface */
    --color-bg-surface-elevated: #161922; /* Elevated card / hover state */
    --color-bg-surface-subtle: #0b0d13;   /* Inner section wells & headers */
    --color-bg-input: #07090e;            /* Numbered input fields */

    /* --------------------------------------------------------------------------
     * 2. BORDERS & DIVIDERS
     * -------------------------------------------------------------------------- */
    --color-border: #1a1e2b;              /* Clean subtle borders */
    --color-border-subtle: #12151e;       /* Soft dividers */
    --color-border-hover: #2b3347;        /* Hover border outline */
    --color-border-focus: #0082fb;        /* Active focus state outline */

    /* --------------------------------------------------------------------------
     * 3. BRAND / PRIMARY ACCENT (Tangem Electric Blue)
     * -------------------------------------------------------------------------- */
    --color-accent: #0082fb;              /* Tangem Signature Electric Blue */
    --color-accent-rgb: 0, 130, 251;
    --color-accent-hover: #1f92ff;        /* Hover blue */
    --color-accent-contrast: #ffffff;     /* Crisp white text on blue button */
    --color-accent-glow: rgba(0, 130, 251, 0.35);

    /* Secondary Tech Cyan Highlight */
    --color-accent-cyan: #38bdf8;
    --color-accent-cyan-rgb: 56, 189, 248;

    /* --------------------------------------------------------------------------
     * 4. TYPOGRAPHY & TEXT CONTRAST
     * -------------------------------------------------------------------------- */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "JetBrains Mono", "SF Mono", Consolas, "Courier New", monospace;

    --color-text-primary: #ffffff;        /* Pure white headings and labels */
    --color-text-secondary: #8c93a8;      /* Clean muted subheadings & instructions */
    --color-text-muted: #535a70;          /* Subtle indicators & placeholders */
    --color-text-dim: #323746;            /* Inactive outlines */

    /* --------------------------------------------------------------------------
     * 5. FUNCTIONAL STATUS COLORS
     * -------------------------------------------------------------------------- */
    --color-status-pending: #f59e0b;      /* Pending / Amber */
    --color-status-pending-bg: rgba(245, 158, 11, 0.12);

    --color-status-review: #0082fb;       /* Under Review / Tangem Blue */
    --color-status-review-bg: rgba(0, 130, 251, 0.14);

    --color-status-approved: #10b981;     /* Approved / Emerald Green */
    --color-status-approved-bg: rgba(16, 185, 129, 0.14);

    --color-status-rejected: #ef4444;     /* Rejected / Red */
    --color-status-rejected-bg: rgba(239, 68, 68, 0.14);

    /* --------------------------------------------------------------------------
     * 6. SHAPE, ELEVATION & TRANSITIONS
     * -------------------------------------------------------------------------- */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 9999px;

    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 24px 50px rgba(0, 0, 0, 0.75);
    --shadow-blue-glow: 0 0 35px var(--color-accent-glow);

    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}