/* ============================================================
   3D Technology Services — Design System: Variables
   Single source of truth for all design tokens.
   Fortune 500 · White & Green-Teal · Premium Typography
   ============================================================ */

:root {
    /* ── Brand Colors (Green-Teal Palette) ── */
    --gold-primary: #0D9488;
    --gold-light: #5EEAD4;
    --gold-dark: #0F766E;
    --gold-hover: #14B8A6;
    --gold-muted: rgba(13, 148, 136, 0.55);

    /* ── Backgrounds (Clean White Scale) ── */
    --bg-deep: #FFFFFF;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8FAFB;
    --bg-tertiary: #F1F5F9;
    --bg-surface: #F4F7F9;
    --bg-elevated: rgba(248, 250, 251, 0.98);

    /* ── Text (Rich Black Scale) ── */
    --text-primary: #1A1A2E;
    --text-secondary: rgba(26, 26, 46, 0.80);
    --text-muted: rgba(26, 26, 46, 0.70);
    --text-dim: #0F766E;

    /* ── Borders ── */
    --border-accent: rgba(13, 148, 136, 0.35);
    --border-subtle: rgba(13, 148, 136, 0.15);
    --border-dim: rgba(26, 26, 46, 0.08);

    /* ── Gradients ── */
    --gradient-gold: linear-gradient(135deg, #14B8A6 0%, #0D9488 50%, #0F766E 100%);
    --gradient-bg-glow: radial-gradient(ellipse at 20% 0%, rgba(13, 148, 136, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(13, 148, 136, 0.02) 0%, transparent 50%);
    --gradient-line: linear-gradient(90deg, transparent, var(--gold-primary), transparent);

    /* ── Typography (Premium Fortune 500) ── */
    --font-heading: 'Cormorant', 'Georgia', serif;
    --font-body: 'DM Sans', 'Inter', sans-serif;
    --font-display: 'Cormorant', 'Georgia', serif;

    /* ── Spacing Scale ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --space-3xl: 8rem;

    /* ── Layout ── */
    --max-width: 1600px;
    --nav-height: 80px;
    --container-padding: 3rem;

    /* ── Transitions ── */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.4s ease;
    --transition-smooth: 0.6s ease;

    /* ── Glassmorphism (Light Mode) ── */
    --glass-blur: blur(20px);
    --glass-bg: rgba(255, 255, 255, 0.92);

    /* ── Vertical System Colors ── */
    --color-cabling: #3B82F6;
    --color-cctv: #8B5CF6;
    --color-access: #22C55E;
    --color-av: #F59E0B;
    --color-fire: #EF4444;

    /* ── Z-Index Scale ── */
    --z-background: 0;
    --z-content: 2;
    --z-sticky: 10;
    --z-nav: 1000;
    --z-modal: 5000;
    --z-chat: 9999;
}