/* Anti-Footprint CSS Tokens
 * Generated from [antifoot] config in app.conf
 * hue_shift: 12, spacing_factor: 1.05, border_radius: 6
 */

:root {
    /* Hue rotation */
    --hue-shift: 12deg;
    --hue-base: 220;
    --hue: calc(var(--hue-base) + 12);
    
    /* Primary colors using rotated hue */
    --color-primary: hsl(calc(var(--hue-base) + 12), 70%, 45%);
    --color-primary-hover: hsl(calc(var(--hue-base) + 12), 70%, 38%);
    --color-primary-light: hsl(calc(var(--hue-base) + 12), 70%, 95%);
    --color-primary-dark: hsl(calc(var(--hue-base) + 12), 70%, 30%);
    
    /* Neutral colors */
    --color-text: #1a1a2e;
    --color-text-muted: #4b5563; /* Improved contrast: 5.91:1 ratio */
    --color-bg: #ffffff;
    --color-bg-alt: #f9fafb;
    --color-border: #e5e7eb;
    
    /* Focus states */
    --focus-ring-color: var(--color-primary);
    --focus-ring-offset: 2px;
    --focus-ring-width: 2px;
    
    /* Spacing with factor (1.05) */
    --sf: 1.05;
    --space-xs: calc(0.25rem * var(--sf));
    --space-sm: calc(0.5rem * var(--sf));
    --space-md: calc(1rem * var(--sf));
    --space-lg: calc(1.5rem * var(--sf));
    --space-xl: calc(2rem * var(--sf));
    --space-2xl: calc(3rem * var(--sf));
    --space-3xl: calc(4rem * var(--sf));
    
    /* Border radius (6px base) */
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 12px;
    --radius-xl: 18px;
    --radius-full: 9999px;
    
    /* Typography */
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-mono: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    
    /* Container */
    --container-max: 1200px;
    --container-narrow: 800px;
}