:root {
    /* π (Pi) - 3.14159... → HSL(314, 15.9%, 26.5%) */
    --pi-primary: hsl(314, 16%, 27%);
    --pi-light: hsl(314, 16%, 35%);
    --pi-dark: hsl(314, 16%, 15%);
    
    /* φ (Golden Ratio) - 1.618... → HSL(161, 8%, 38%) */
    --phi-accent: hsl(161, 8%, 38%);
    --phi-light: hsl(161, 12%, 45%);
    --phi-dark: hsl(161, 8%, 25%);
    
    /* e (Euler's number) - 2.718... → HSL(271, 8%, 54%) */
    --euler-secondary: hsl(271, 8%, 54%);
    --euler-light: hsl(271, 12%, 65%);
    --euler-muted: hsl(271, 8%, 35%);
    
    /* √2 (Root 2) - 1.414... → HSL(141, 4%, 28%) */
    --root2-bg: hsl(141, 4%, 28%);
    --root2-surface: hsl(141, 4%, 18%);
    --root2-deep: hsl(141, 4%, 8%);
    
    /* Fibonacci sequence ratios for spacing */
    --fib-xs: 0.382rem;  /* F(n-1)/F(n) */
    --fib-sm: 0.618rem;  /* 1/φ */
    --fib-md: 1rem;      /* 1 */
    --fib-lg: 1.618rem;  /* φ */
    --fib-xl: 2.618rem;  /* φ² */
    --fib-xxl: 4.236rem; /* φ³ */
    
    /* Typography ratios based on musical intervals */
    --font-ratio: 1.414; /* √2 - Perfect fifth approximation */
    --font-base: 16px;
    --font-sm: calc(var(--font-base) / var(--font-ratio));
    --font-lg: calc(var(--font-base) * var(--font-ratio));
    --font-xl: calc(var(--font-lg) * var(--font-ratio));
    --font-xxl: calc(var(--font-xl) * var(--font-ratio));
    
    /* Prime number based opacity */
    --opacity-2: 0.2;   /* 2/10 */
    --opacity-3: 0.3;   /* 3/10 */
    --opacity-5: 0.5;   /* 5/10 */
    --opacity-7: 0.7;   /* 7/10 */
    --opacity-11: 0.11; /* 11/100 */
    --opacity-13: 0.13; /* 13/100 */
}