/**
 * variables.css
 * Paleta extraída oficialmente do material da UVTEK (Paleta-de-Cores.png).
 * Toda cor usada no aplicativo deve vir daqui.
 */

:root {
  /* ---- Identidade oficial UVTEK ---- */
  --uvtek-primary: #5e31ff;
  --uvtek-primary-hover: #4d22e8;
  --uvtek-secondary: #6242fc;
  --uvtek-violet-light: #b49aff;
  --uvtek-violet-deep: #19134f;

  /* ---- Superfícies escuras ---- */
  --uvtek-background-dark: #17171d;
  --uvtek-surface-dark: #1e1e1e;
  --uvtek-surface-dark-alt: #19134f;
  --uvtek-border-dark: #302b52;

  /* ---- Superfícies do app (tema escuro, com a paleta oficial) ---- */
  --uvtek-background-light: #17171d;
  --uvtek-surface-light: #211f2e;
  --uvtek-border-light: #34314a;

  /* ---- Texto ---- */
  --uvtek-text-primary: #f4f3fa;
  --uvtek-text-light: #ffffff;
  --uvtek-text-muted: #a6a2bf;

  /* ---- Estados funcionais ---- */
  --uvtek-success: #49c96d;
  --uvtek-warning: #ffb020;
  --uvtek-error: #e84c5b;

  /* ---- Tipografia ---- */
  --font-display: "Poppins", sans-serif;
  --font-body: "Inter", sans-serif;

  /* ---- Raio e sombra ---- */
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.32);
  --shadow-card-hover: 0 12px 32px rgba(0, 0, 0, 0.42);
  --shadow-elevated: 0 20px 48px rgba(0, 0, 0, 0.5);

  /* ---- Espaçamento ---- */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 72px;

  /* ---- Container ---- */
  --container-max: 1240px;

  /* ---- Transições ---- */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}