diff --git a/styles.css b/styles.css index 3fd6778..2787b4b 100644 --- a/styles.css +++ b/styles.css @@ -3,7 +3,6 @@ --font-family: 'Inter', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, sans-serif; --font-size-scale: 100%; - --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; @@ -12,21 +11,17 @@ --text-xl: 1.5rem; --text-2xl: 1.875rem; --text-3xl: 2.25rem; - --text-4xl: 3rem; + --text-4xl: 3rem; --text-5xl: 3.75rem; - --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; - --leading-none: 1; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; - - --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; @@ -40,7 +35,6 @@ --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; - --spacing-xs: var(--space-1); --spacing-sm: var(--space-2); --spacing-md: var(--space-4); @@ -48,8 +42,6 @@ --spacing-xl: var(--space-8); --spacing-2xl: var(--space-12); --spacing-3xl: var(--space-16); - - --radius-none: 0; --radius-xs: 2px; --radius-sm: 4px; @@ -58,15 +50,11 @@ --radius-xl: 16px; --radius-2xl: 24px; --radius-full: 9999px; - --radius: var(--radius-md); - --player-bar-height-desktop: 90px; --player-bar-height-mobile: 130px; --sidebar-width: 240px; --sidebar-collapsed-width: 70px; - - --duration-instant: 0ms; --duration-fast: 150ms; --duration-normal: 300ms; @@ -78,13 +66,10 @@ --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55); --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275); - --transition-fast: var(--duration-fast) var(--ease-in-out); --transition-normal: var(--duration-normal) var(--ease-in-out); --transition-slow: var(--duration-slow) var(--ease-in-out); --transition: var(--transition-normal); - - --shadow-none: none; --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); @@ -94,8 +79,6 @@ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --shadow-glow: 0 0 20px rgb(var(--highlight-rgb) / 0.5); - - --z-hide: -1; --z-base: 0; --z-docked: 10; @@ -108,7 +91,6 @@ --z-tooltip: 1600; --z-toast: 1700; - /* Buttons */ --btn-height-sm: 32px; --btn-height-md: 40px; @@ -137,7 +119,6 @@ /* Covers */ --cover-filter: blur(50px) brightness(0.4); --cover-radius: var(--radius-md); - --color-danger: #ef4444; --color-danger-hover: #dc2626; --color-success: #10b981; @@ -432,7 +413,6 @@ kbd { box-shadow: var(--shadow-sm); } - /* Typography utilities */ .text-xs { font-size: var(--text-xs); @@ -929,8 +909,6 @@ kbd { transition: all var(--duration-slow) var(--ease-in-out); } - - .app-container { display: grid; height: 100vh; @@ -6561,7 +6539,6 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn { } } - /* Scrollbars */ ::-webkit-scrollbar { width: 10px;