/* Liquid Glass Design Tokens for Complaints App
   Shared foundation with check-in-app. Subset needed for complaint review flow. */

:root {
    /* Glass fills */
    --glass-fill-clear: rgba(255, 255, 255, 0.02);
    --glass-fill-subtle: rgba(255, 255, 255, 0.05);
    --glass-fill-light: rgba(255, 255, 255, 0.08);
    --glass-fill-medium: rgba(255, 255, 255, 0.12);
    --glass-fill-solid: rgba(255, 255, 255, 0.18);

    /* Edge glow */
    --edge-glow: rgba(255, 255, 255, 0.5);
    --edge-glow-subtle: rgba(255, 255, 255, 0.35);
    --edge-glass-hairline: 1px solid rgba(255, 255, 255, 0.15);

    /* Backdrop filter */
    --blur-regular: 20px;
    --blur-strong: 30px;
    --saturation-boost: 180%;
    --backdrop-glass: blur(20px) saturate(180%);
    --backdrop-glass-strong: blur(30px) saturate(180%);

    /* Shadows */
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.12);

    /* Text on glass */
    --glass-text-primary: rgba(255, 255, 255, 0.95);
    --glass-text-secondary: rgba(255, 255, 255, 0.7);
    --glass-text-tertiary: rgba(255, 255, 255, 0.5);
    --glass-text-placeholder: rgba(255, 255, 255, 0.4);

    /* Semantic colors */
    --glass-color-primary: rgba(212, 175, 55, 0.95);
    --glass-color-success: rgba(52, 199, 89, 0.95);
    --glass-color-warning: rgba(255, 149, 0, 0.95);
    --glass-color-error: rgba(255, 59, 48, 0.95);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-panel: 20px;

    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
}