/* ============================================
   JUPITER PLANET XXL — Design 10
   Light Minimal Monochrome / Swiss Design
   variables.css
   ============================================ */

:root {
    /* Palette */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-surface: #f5f5f5;
    --color-gray: #666666;
    --color-gray-light: #e0e0e0;
    --color-gray-border: #d0d0d0;
    --color-red: #ff0000;
    --color-text: #333333;
    --color-heading: #000000;

    /* Fonts */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'IBM Plex Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    /* Spacing (8px grid) */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 48px;
    --space-xl: 80px;
    --space-2xl: 120px;
    --space-3xl: 160px;

    /* Layout */
    --container-max: 1200px;
    --container-narrow: 960px;

    /* Borders */
    --border: 1px solid var(--color-gray-light);
    --border-dark: 1px solid var(--color-black);

    /* Transitions */
    --transition: 0.2s ease;
}