/**
 * Aura Operations - Design Tokens e Variáveis de Tema
 * Paleta Oficial: #FFFFFF, #000000, #B0B0B0, #7D7D7D, #4D4D4D
 */

:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray-light: #B0B0B0;
    --color-gray-medium: #7D7D7D;
    --color-gray-dark: #4D4D4D;

    /* Tema Claro (Padrão) */
    --bg-page: #FFFFFF;
    --bg-surface: #F8F9FA;
    --bg-surface-elevated: #FFFFFF;
    --border-color: #B0B0B0;
    --border-subtle: #E0E0E0;
    --border-strong: #7D7D7D;
    
    --text-primary: #000000;
    --text-secondary: #4D4D4D;
    --text-muted: #7D7D7D;
    --text-inverse: #FFFFFF;

    --btn-primary-bg: #000000;
    --btn-primary-text: #FFFFFF;
    --btn-primary-hover: #4D4D4D;

    --badge-bg: #F0F0F0;
    --badge-text: #000000;

    --alert-danger-bg: #FFF5F5;
    --alert-danger-border: #7D7D7D;
    --alert-danger-text: #000000;

    --alert-success-bg: #F6FFF8;
    --alert-success-border: #7D7D7D;
    --alert-success-text: #000000;

    --alert-warning-bg: #FFFDF0;
    --alert-warning-border: #B0B0B0;
    --alert-warning-text: #000000;

    --font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --border-radius-sm: 8px;
    --border-radius: 12px;
    --border-radius-lg: 16px;
    --border-radius-xl: 20px;
    --border-radius-pill: 9999px;
    --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px -4px rgba(0, 0, 0, 0.03);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
    --bg-page: #0D0D0D;
    --bg-surface: #171717;
    --bg-surface-elevated: #222222;
    --border-color: #383838;
    --border-subtle: #2A2A2A;
    --border-strong: #666666;
    --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.4);

    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-muted: #7D7D7D;
    --text-inverse: #000000;

    --btn-primary-bg: #FFFFFF;
    --btn-primary-text: #000000;
    --btn-primary-hover: #B0B0B0;

    --badge-bg: #333333;
    --badge-text: #FFFFFF;

    --alert-danger-bg: #2A1818;
    --alert-danger-border: #7D7D7D;
    --alert-danger-text: #FFFFFF;

    --alert-success-bg: #1A281E;
    --alert-success-border: #7D7D7D;
    --alert-success-text: #FFFFFF;

    --alert-warning-bg: #2B2818;
    --alert-warning-border: #7D7D7D;
    --alert-warning-text: #FFFFFF;
}