/* ============================================
   VARIABLES.CSS - PUNKROCK GADGETS
   ============================================ */
:root {
    /* ==== COLORS ==== */

    /* Background Colors */
    --bg-primary: #0f0f0f;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #252525;

    /* Text Colors */
    --text-primary: #f5f5f5;
    --text-muted: #a0a0a0;

    /* Accent Colors */
    --accent-primary: #ff0080;
    --accent-secondary: #00ff00;
    --accent-tertiary: #ffff00;
    --accent-quaternary: #ff8800;
    --accent-quinary: #00ffff;

    /* Border & Dividers */
    --border: rgba(255, 255, 255, 0.1);
    --border-primary: 2px solid var(--accent-primary);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);

    /* ==== TYPOGRAPHY ==== */

    --font-heading: "Bebas Neue", Impact, sans-serif;
    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, "Liberation Mono", "Courier New", Courier, monospace;

}