/* 
   OfferVerdict: Premium Design System (Design Tokens)
   Aesthetic: Minimalist, Lucid, Apple-inspired.
*/

:root {
    /* --- Core Colors (HSL for consistency) --- */
    --h-brand: 220;
    --s-brand: 100%;
    --l-brand: 50%;

    --white: #ffffff;
    --black: #000000;

    /* Grays (SF Pro-like Scale) */
    --gray-50: hsl(210, 20%, 98%);
    --gray-100: hsl(210, 20%, 96%);
    --gray-200: hsl(210, 16%, 93%);
    --gray-300: hsl(210, 14%, 89%);
    --gray-400: hsl(210, 10%, 70%);
    --gray-500: hsl(210, 8%, 56%);
    --gray-600: hsl(210, 8%, 45%);
    --gray-700: hsl(210, 10%, 23%);
    --gray-800: hsl(210, 12%, 16%);
    --gray-900: hsl(210, 15%, 9%);

    /* Semantic */
    --success: hsl(150, 100%, 27%);
    --danger: hsl(0, 84%, 60%);
    --warning: hsl(38, 92%, 50%);
    --brand: hsl(var(--h-brand), 90%, 55%);

    /* Premium Verdict Colors */
    --premium-gold: hsl(45, 95%, 45%);
    --harsh-red: hsl(0, 85%, 55%);
    --neutral-blue: hsl(210, 25%, 50%);

    /* Backgrounds */
    --bg-page: var(--gray-50);
    --bg-card: var(--white);
    --bg-glass: rgba(255, 255, 255, 0.7);

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --font-mono: 'JetBrains Mono', "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;
    --space-2xl: 8rem;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 32px;
    --radius-full: 9999px;

    /* Shadows (Subtle, Layered) */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    --shadow-premium: 0 30px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);

    /* Transitions */
    --ease-out: cubic-bezier(0.15, 0, 0.15, 1);
    --duration-fast: 200ms;
    --duration-base: 400ms;
}