/* Pavani Media Player — Design Tokens */ :root { /* Paleta base */ --pavani-bg-base: #121212; --pavani-bg-elevated: #1e1e1e; --pavani-bg-highlight: #2a2a2a; --pavani-bg-hover: #3a3a3a; /* Acento (configurable desde Settings, sobreescrito inline en ) */ --pavani-accent: #1db954; --pavani-accent-hover: #1ed760; --pavani-accent-dark: #158a3e; /* Texto */ --pavani-text-primary: #ffffff; --pavani-text-secondary: #b3b3b3; --pavani-text-muted: #535353; /* Barra del player */ --pavani-bar-height: 90px; --pavani-bar-bg: #181818; --pavani-bar-border: 1px solid #282828; /* Barra de progreso */ --pavani-track-bg: #535353; --pavani-track-fill: var(--pavani-accent); --pavani-thumb-color: #ffffff; /* Tipografía */ --pavani-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --pavani-font-xs: 0.6875rem; /* 11px */ --pavani-font-sm: 0.75rem; /* 12px */ --pavani-font-base: 0.875rem; /* 14px */ --pavani-font-md: 1rem; /* 16px */ --pavani-font-lg: 1.25rem; /* 20px */ /* Miscelánea */ --pavani-transition: 0.2s ease; --pavani-radius-sm: 4px; --pavani-radius-md: 8px; --pavani-radius-full: 9999px; }