/* ==========================================================================
   CentroMed — Design Tokens
   Fonte unica de verdade para cor, espacamento, raio, sombra e tipografia.
   Usado por totem.css e admin.css. Nao altera nenhuma logica de aplicacao.
   ========================================================================== */
:root {
  /* Cor - marca */
  --cm-gold: #E8A33D;
  --cm-gold-dark: #CF8B28;
  --cm-gold-light: #F6D9A8;
  --cm-gold-glow: rgba(232, 163, 61, 0.35);

  --cm-green: #2E7D32;
  --cm-green-dark: #21601F;
  --cm-green-light: #E6F4E6;

  --cm-ink: #1C3A4A;
  --cm-ink-soft: #46697A;
  --cm-ink-muted: #6B8494;

  /* Escala semaforo (1-5) - valores amostrados DIRETO dos PNGs oficiais do
     cliente (public/img/emojis/), para o fundo do botao ficar exatamente da
     mesma cor do emoji e nao aparecer um anel de tom diferente em volta. */
  --cm-v1: #F40016;
  --cm-v2: #FE8201;
  --cm-v3: #FEB503;
  --cm-v4: #2DAA24;
  --cm-v5: #029D37;

  /* Fundo / superficies */
  --cm-bg: #FFFFFF;
  --cm-surface: #FFFFFF;
  --cm-surface-alt: #F7F9FA;
  --cm-border: #E7EDF0;

  /* Azul do totem fisico: fundo geral do totem + botao "SELECIONAR" */
  --cm-totem-bg: #E4EEF7;
  --cm-blue: #2C8FBF;
  --cm-blue-dark: #226E96;
  --cm-blue-suave: rgba(44, 143, 191, 0.10);

  /* Sombras em camadas (elevacao sutil, tipo iOS/Apple Health) */
  --cm-shadow-1: 0 1px 2px rgba(28, 58, 74, 0.04), 0 1px 1px rgba(28, 58, 74, 0.03);
  --cm-shadow-2: 0 4px 10px rgba(28, 58, 74, 0.06), 0 2px 4px rgba(28, 58, 74, 0.04);
  --cm-shadow-3: 0 10px 28px rgba(28, 58, 74, 0.10), 0 4px 10px rgba(28, 58, 74, 0.05);
  --cm-shadow-gold: 0 8px 24px var(--cm-gold-glow);

  /* Raios */
  --cm-radius-sm: 12px;
  --cm-radius-md: 16px;
  --cm-radius-lg: 20px;
  --cm-radius-xl: 24px;
  --cm-radius-pill: 999px;

  /* Espacamento */
  --cm-space-1: 4px;
  --cm-space-2: 8px;
  --cm-space-3: 12px;
  --cm-space-4: 16px;
  --cm-space-5: 24px;
  --cm-space-6: 32px;
  --cm-space-7: 48px;
  --cm-space-8: 64px;

  /* Tipografia */
  --cm-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --cm-fs-xs: 13px;
  --cm-fs-sm: 15px;
  --cm-fs-md: 18px;
  --cm-fs-lg: 22px;
  --cm-fs-xl: 30px;
  --cm-fs-2xl: 38px;

  /* Motion: curvas fisicas (spring-like), nunca linear/ease padrao */
  --cm-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --cm-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --cm-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);

  --cm-dur-fast: 160ms;
  --cm-dur-base: 280ms;
  --cm-dur-slow: 480ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cm-dur-fast: 1ms;
    --cm-dur-base: 1ms;
    --cm-dur-slow: 1ms;
  }
}