46 lines
1.6 KiB
CSS
46 lines
1.6 KiB
CSS
: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 */
|
|
}
|