/* Design Tokens */

:root {
    /* Typography */
    --font-sans: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Menlo', 'Courier New', monospace;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    /* Colors */
    --bg-primary: #1a1f2e;
    --bg-secondary: #252d3d;
    --bg-tertiary: #2f3847;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #8892a8;
    --accent: #f59e0b;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    --border: #3d4554;
    --shadow: rgba(0, 0, 0, 0.3);
    --zebra-even: #252d3d;
    --zebra-odd: #303847;
    --max-content-width: 1200px;
    --layout-padding: 32px;
    --layout-padding-tight: 24px;
    --control-min-height: 44px;
    --breakpoint-tablet: 1024px;
    --breakpoint-mobile: 768px;
    --breakpoint-small: 480px;
}