/* ============================================
   DESIGN TOKENS — Lineage2.MS
   Centralized design system variables
   ============================================ */

:root {
  /* === Colors: Gold Palette === */
  --color-gold: #d1a029;
  --color-gold-light: #ffcc7b;
  --color-gold-bright: #f5c03f;
  --color-gold-amber: rgb(250, 176, 0);
  --color-gold-dark: #b3711c;

  /* === Colors: Backgrounds === */
  --color-bg-primary: #000c01;
  --color-bg-dark: #050706;
  --color-bg-card: rgba(23, 23, 22, 0.58);
  --color-bg-card-solid: #171716;
  --color-bg-overlay: rgba(18, 16, 7, 0.9);
  --color-bg-loader: #141414;

  /* === Colors: Borders === */
  --color-border-card: #23231e;
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-gold: rgba(209, 160, 41, 0.2);

  /* === Colors: Text === */
  --color-text-primary: rgba(255, 255, 255, 1);
  --color-text-secondary: rgb(170, 167, 156);
  --color-text-muted: rgb(90, 87, 82);
  --color-text-footer: #626158;
  --color-text-gold: rgb(219, 195, 93);

  /* === Colors: Status === */
  --color-server-online: rgba(0, 224, 78, 0.78);
  --color-server-offline: rgba(245, 41, 20, 0.78);

  /* === Colors: Links === */
  --color-link: #dd9200;
  --color-link-hover: #ea7b00;

  /* === Typography === */
  --font-body: "RobotoRegular", sans-serif;
  --font-heading: "Minion Pro", serif;
  --font-ui: "Segoe UI", sans-serif;

  /* === Transitions === */
  --transition-fast: 0.2s ease;
  --transition-default: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === Glassmorphism === */
  --glass-bg: rgba(23, 23, 22, 0.6);
  --glass-blur: blur(12px);
  --glass-border: 1px solid rgba(209, 160, 41, 0.12);
  --glass-bg-hover: rgba(23, 23, 22, 0.75);

  /* === Glow Effects === */
  --glow-gold: 0 0 20px rgba(209, 160, 41, 0.25);
  --glow-gold-strong: 0 0 30px rgba(209, 160, 41, 0.4);
  --glow-green: 0 0 12px rgba(0, 224, 78, 0.4);
  --glow-red: 0 0 12px rgba(245, 41, 20, 0.4);

  /* === Spacing === */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* === Z-Index Scale === */
  --z-particles: 1;
  --z-content: 5;
  --z-parallax: 150;
  --z-nav: 10;
  --z-modal: 9999;
}