/* ============================================================================
   tokens/shadows.css — Shadow Design Tokens

   Box shadow definitions for elevation and depth.
   ============================================================================ */

:root {
    /* Shadow Scale */
    --shadow-none: none;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.16);

    /* Semantic aliases */
    --shadow-card: var(--shadow-sm);
    --shadow-dropdown: var(--shadow-md);
    --shadow-modal: var(--shadow-lg);
    --shadow-window: var(--shadow-lg);

    /* Focus rings (legacy box-shadow — new components use outline instead) */
    --focus-ring-brand: 0 0 0 3px rgba(var(--color-brand-rgb), 0.15);
    --focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.15);
    --focus-ring-success: 0 0 0 3px color-mix(in srgb, var(--color-success, #22c55e) 25%, transparent);

    /* Inset shadows */
    --shadow-inset-sm: inset 0 2px 6px rgba(0, 0, 0, 0.06);

    /* Landing page specific */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-cookie: 0 -4px 16px rgba(0, 0, 0, 0.1);
}