/* ViareApp — Design tokens
   Paleta extraída de Logo/Viare.png */

:root {
  /* ---- Marca ---- */
  --viare-teal:        #2C6370;
  --viare-teal-dark:   #1B3D45;
  --viare-teal-deep:   #24525D;
  --viare-blue:        #4594CF;
  --viare-blue-light:  #79C1E9;
  --viare-green:       #98C43C;
  --viare-green-dark:  #6E9226;
  --viare-amber:       #FCC23B;
  --viare-amber-dark:  #B07E00;
  --viare-coral:       #F25B5D;
  --viare-coral-dark:  #C22F31;

  /* ---- Neutros (derivados do teal) ---- */
  --bg:            #F4F7F8;
  --surface:       #FFFFFF;
  --surface-alt:   #FAFCFC;
  --surface-sunk:  #EEF3F4;
  --border:        #E1E9EB;
  --border-strong: #C9D8DC;
  --text:          #16323A;
  --text-muted:    #5E7379;
  --text-soft:     #8AA0A6;
  --text-invert:   #FFFFFF;

  /* ---- Semântico ---- */
  --primary:        var(--viare-teal);
  --primary-hover:  var(--viare-teal-deep);
  --primary-soft:   #E8F0F2;
  --success:        var(--viare-green-dark);
  --success-soft:   #EEF6DF;
  --warning:        var(--viare-amber-dark);
  --warning-soft:   #FDF3DA;
  --danger:         var(--viare-coral-dark);
  --danger-soft:    #FDE9E9;
  --info:           #2C6FA8;
  --info-soft:      #E4F1FA;

  /* ---- Tipografia ---- */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --fs-xs:   0.6875rem;  /* 11px */
  --fs-sm:   0.8125rem;  /* 13px */
  --fs-base: 0.875rem;   /* 14px */
  --fs-md:   1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;

  /* ---- Espaçamento ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;

  /* ---- Formas ---- */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* ---- Elevação ---- */
  --shadow-xs: 0 1px 2px rgba(27, 61, 69, 0.06);
  --shadow-sm: 0 1px 3px rgba(27, 61, 69, 0.08), 0 1px 2px rgba(27, 61, 69, 0.04);
  --shadow:    0 4px 12px rgba(27, 61, 69, 0.08);
  --shadow-lg: 0 12px 32px rgba(27, 61, 69, 0.14);

  /* ---- Layout ---- */
  --sidebar-w:          252px;
  --sidebar-w-collapsed: 68px;
  --topbar-h:           60px;
  --content-max:        1560px;

  /* ---- Movimento ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 160ms;
}

/* ---- Cores de status de agendamento ---- */
:root {
  --st-agendado-bg:   #E4F1FA;  --st-agendado-fg:   #2C6FA8;  --st-agendado-bd:   #A9D3EE;
  --st-confirmado-bg: #E8F0F2;  --st-confirmado-fg: #1B3D45;  --st-confirmado-bd: #A9C6CD;
  --st-realizado-bg:  #EEF6DF;  --st-realizado-fg:  #547318;  --st-realizado-bd:  #C4E08A;
  --st-falta-bg:      #FDE9E9;  --st-falta-fg:      #C22F31;  --st-falta-bd:      #F5B6B7;
  --st-justificada-bg:#FDF3DA;  --st-justificada-fg:#96690A;  --st-justificada-bd:#F5D98B;
  --st-cancelado-bg:  #EEF1F2;  --st-cancelado-fg:  #6B7B80;  --st-cancelado-bd:  #D3DBDD;
}