/*
 * Global design tokens for the Sistema de Portaria.
 * This file is a passive foundation only.
 * Components and screen-level styles migrate in later phases.
 */

:root {
    color-scheme: light;

    /* Background */
    --color-app-bg: #f3f5f8;
    --color-app-bg-soft: #eef3f8;

    /* Surfaces */
    --color-surface: #ffffff;
    --color-surface-soft: #f8fafc;
    --color-surface-elevated: rgba(255, 255, 255, 0.92);

    /* Text */
    --color-text: #183654;
    --color-text-strong: #102033;
    --color-text-muted: #66758b;
    --color-text-soft: #8291a5;
    --color-text-inverse: #ffffff;

    /* Borders */
    --color-border: rgba(24, 54, 84, 0.10);
    --color-border-strong: rgba(65, 122, 187, 0.18);

    /* Brand */
    --color-primary: #417abb;
    --color-primary-hover: #255c91;
    --color-primary-soft: rgba(65, 122, 187, 0.12);
    --color-primary-border: rgba(65, 122, 187, 0.22);

    --color-accent: #c7953d;
    --color-accent-soft: rgba(199, 149, 61, 0.14);
    --color-accent-border: rgba(199, 149, 61, 0.24);

    /* Operational / semantic */
    --color-operational: #0f766e;
    --color-operational-soft: rgba(15, 118, 110, 0.12);

    --color-success: #15803d;
    --color-success-soft: rgba(21, 128, 61, 0.12);

    --color-warning: #b45309;
    --color-warning-soft: rgba(180, 83, 9, 0.12);

    --color-danger: #b91c1c;
    --color-danger-soft: rgba(185, 28, 28, 0.10);

    --color-neutral: #64748b;
    --color-neutral-soft: rgba(100, 116, 139, 0.12);

    /* Shadows */
    --shadow-card: 0 18px 40px rgba(15, 23, 42, 0.08);
    --shadow-card-soft: 0 12px 24px rgba(15, 23, 42, 0.06);
    --shadow-button: 0 14px 24px rgba(65, 122, 187, 0.18);
    --shadow-focus: 0 0 0 4px rgba(65, 122, 187, 0.18);

    /* Radius */
    --radius-card: 24px;
    --radius-panel: 20px;
    --radius-button: 16px;
    --radius-input: 16px;
    --radius-badge: 999px;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    /* Typography */
    --font-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

    /* Transitions */
    --transition-fast: 140ms ease;
    --transition-base: 180ms ease;

    /* Focus ring */
    --focus-ring-color: rgba(65, 122, 187, 0.18);
    --focus-ring-shadow: 0 0 0 4px rgba(65, 122, 187, 0.18);
}