/* ═══════════════════════════════════════
   VET Studio Design Tokens
   XP + Hologram design language
   ═══════════════════════════════════════ */
:root {
  /* IE / XP Classic Colors */
  --ie-blue: #0054E3;
  --ie-blue-dark: #003399;
  --ie-blue-light: #316AC5;
  --ie-titlebar: linear-gradient(90deg, #0054E3 0%, #316AC5 50%, #0054E3 100%);
  --ie-titlebar-inactive: linear-gradient(90deg, #7B96C8, #A0B0CC, #7B96C8);
  --xp-yellow: #ECE9D8;
  --xp-yellow-light: #FFF8E7;
  --xp-yellow-dark: #D6D2C2;
  --xp-silver: #C0C0C0;
  --xp-green: #3A8A3E;
  --xp-green-dark: #2D7A31;

  /* Product Accent Colors */
  --accent-api: #4f8ff7;
  --accent-image: #e05080;
  --accent-fund: #3ab5a0;
  --accent-aipd: #d4a040;

  /* Brand */
  --logo-green: #32F08C;
  --logo-bg: #0A0B0D;

  /* Typography */
  --font-main: 'Segoe UI', Tahoma, 'Microsoft YaHei', sans-serif;
  --font-mono: 'Cascadia Code', Consolas, monospace;

  /* Spacing */
  --titlebar-h: 28px;
  --taskbar-h: 42px;

  /* Border Radius */
  --radius-win: 8px;
  --radius-btn: 3px;
  --radius-icon: 2px;

  /* Shadows */
  --shadow-default: 0 4px 16px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
  --shadow-hover: 0 0 25px rgba(0,84,227,0.15), 0 12px 36px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3);

  /* Transitions */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}