/* ============================================================
   ANTIGRAVITY — Design System Variables
   ============================================================ */

:root {
  /* Primary Palette */
  --color-accent:       #0394fc;
  --color-accent-dim:   #0278cc;
  --color-accent-glow:  rgba(3, 148, 252, 0.25);
  --color-success:      #88fc03;
  --color-success-dim:  #6dd402;
  --color-warning:      #fcd703;
  --color-error:        #ff0000;
  --color-error-dim:    #cc0000;

  /* Backgrounds */
  --bg-primary:         #0d1117;
  --bg-secondary:       #161b22;
  --bg-tertiary:        #21262d;
  --bg-quaternary:      #2d333b;
  --bg-hover:           #30363d;

  /* Borders */
  --border-subtle:      #21262d;
  --border-default:     #30363d;
  --border-emphasis:    #484f58;

  /* Text */
  --text-primary:       #e6edf3;
  --text-secondary:     #b1bac4;
  --text-muted:         #8b949e;
  --text-disabled:      #484f58;

  /* Minecraft Inventory Colors */
  --mc-inv-bg:          #838383;
  --mc-slot-bg:         #374146;
  --mc-slot-border-tl:  #1a1a1a;
  --mc-slot-border-br:  #ffffff40;
  --mc-tooltip-bg:      #100010;
  --mc-tooltip-border:  #5a0051;

  /* Fonts */
  --font-ui:            'Inter', 'Roboto', system-ui, sans-serif;
  --font-mono:          'JetBrains Mono', 'Fira Code', monospace;
  --font-mc:            'Press Start 2P', monospace;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.7);
  --shadow-accent: 0 0 20px rgba(3,148,252,0.3);
  --shadow-success: 0 0 20px rgba(136,252,3,0.2);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* Z-layers */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    300;
  --z-toast:    400;
  --z-tooltip:  500;
}

/* ─── Themes ─── */
[data-theme="light"] {
  --bg-primary:         #f6f8fa;
  --bg-secondary:       #ffffff;
  --bg-tertiary:        #f3f4f6;
  --bg-quaternary:      #e5e7eb;
  --bg-hover:           #e5e7eb;
  --border-subtle:      #e5e7eb;
  --border-default:     #d1d5db;
  --border-emphasis:    #9ca3af;
  --text-primary:       #111827;
  --text-secondary:     #374151;
  --text-muted:         #6b7280;
  --text-disabled:      #9ca3af;
}

[data-theme="gray"] {
  --bg-primary:         #202225;
  --bg-secondary:       #2f3136;
  --bg-tertiary:        #36393f;
  --bg-quaternary:      #40444b;
  --bg-hover:           #4f545c;
  --border-subtle:      #202225;
  --border-default:     #40444b;
  --border-emphasis:    #4f545c;
}

[data-theme="amoled"] {
  --bg-primary:         #000000;
  --bg-secondary:       #000000;
  --bg-tertiary:        #111111;
  --bg-quaternary:      #222222;
  --bg-hover:           #222222;
  --border-subtle:      #111111;
  --border-default:     #222222;
  --border-emphasis:    #333333;
}