/**
 * Design System — tokens base (/ds)
 * Fallbacks estáticos; cores por Unimed sobrescritas em :root via index.php.
 */

:root {
    --ds-primary: #00995d;
    --ds-primary-light: #54bb92;
    --ds-primary-dark: #006d42;
    --ds-positive: #21BA45;
    --ds-negative: #cd9e8f;
    --ds-warning: #f47920;
    --ds-info: #d3e5cf;
    --ds-grey-100: #f5f5f5;
    --ds-grey-300: #e0e0e0;
    --ds-background: #f5f7fa;
    --ds-text: #333333;
    --ds-text-muted: #6c757d;
    --ds-radius: 8px;
    --ds-radius-lg: 12px;
    --ds-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    --primary: var(--ds-primary);
    --secondary: var(--ds-primary-dark);
    --accent: var(--ds-primary-light);
    --primary-hover: var(--secondary);
    --primary-active: var(--accent);
    --success: var(--ds-positive);
    --danger: #dc3545;

    --ouvidoria-surface: #ffffff;
    --ouvidoria-on-primary: #ffffff;
    --ouvidoria-border-input: var(--ds-grey-300);
    --ouvidoria-border-muted: #dee2e6;
    --ouvidoria-surface-muted: var(--ds-grey-100);
    --ouvidoria-primary-05: color-mix(in srgb, var(--primary) 5%, transparent);
    --ouvidoria-primary-10: color-mix(in srgb, var(--primary) 10%, transparent);
    --ouvidoria-primary-15: color-mix(in srgb, var(--primary) 15%, transparent);
    --ouvidoria-primary-20: color-mix(in srgb, var(--primary) 20%, transparent);
    --ouvidoria-primary-30: color-mix(in srgb, var(--primary) 30%, transparent);
    --ouvidoria-primary-40: color-mix(in srgb, var(--primary) 40%, transparent);
    --ouvidoria-danger-15: color-mix(in srgb, var(--danger) 15%, transparent);
    --ouvidoria-gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));
    --ouvidoria-gradient-primary-hover: linear-gradient(135deg, var(--secondary), var(--primary));
}