/**
 * YouTube Thumbnail Downloader - Design System Tokens & CSS Variables
 * Minimal, Modern, Premium (Apple & Stripe Inspired design tokens)
 */

:root {
    /* Color Palette */
    --pd-primary: #e60023; /* Brand Red */
    --pd-primary-hover: #ad081b;
    --pd-dark: #111111;
    --pd-dark-soft: #1a1a1a;
    --pd-light: #ffffff;
    --pd-light-soft: #f5f5f5;
    --pd-gray-100: #f0f0f0;
    --pd-gray-200: #e1e1e1;
    --pd-gray-300: #cccccc;
    --pd-gray-400: #767676;
    --pd-gray-500: #5f5f5f;
    
    /* Typography */
    --pd-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    
    /* Border Radius */
    --pd-radius-sm: 8px;
    --pd-radius-md: 16px;
    --pd-radius-lg: 24px;
    --pd-radius-full: 9999px;
    
    /* Shadows */
    --pd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --pd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
    --pd-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
}