/* ATT-Clouds Hotspot Portal | Copyright (c) 2026 ATT-Clouds. All rights reserved. */
:root {
    --att-gold: #d4af37;
    --att-gold-light: #f7d774;
    --att-gold-dark: #a7831f;
    --att-navy-900: #050b15;
    --att-navy-800: #0b1526;
    --att-navy-700: #13233d;
    --att-navy-600: #1a2f50;
    --att-surface: rgba(15, 23, 42, .86);
    --att-surface-solid: #0f172a;
    --att-surface-raised: #17233a;
    --att-border: rgba(255, 255, 255, .09);
    --att-border-strong: rgba(212, 175, 55, .35);
    --att-text: #f8fafc;
    --att-muted: #94a3b8;
    --att-success: #22c55e;
    --att-warning: #f59e0b;
    --att-danger: #ef4444;
    --att-info: #38bdf8;
    --att-radius-sm: 10px;
    --att-radius: 14px;
    --att-radius-lg: 20px;
    --att-radius-xl: 26px;
    --att-shadow-sm: 0 8px 24px rgba(0, 0, 0, .18);
    --att-shadow: 0 20px 50px rgba(0, 0, 0, .28);
    --att-shadow-lg: 0 30px 80px rgba(0, 0, 0, .45);
    --att-focus: 0 0 0 .22rem rgba(212, 175, 55, .18);
    --att-transition: .28s ease;
}