/* ============================================================
   Gripset — Painel Dono — Design Tokens
   Light theme — desktop first (min 1280px)
   ============================================================ */

:root {
  /* Brand */
  --color-brand-50:  #f0fdf4;
  --color-brand-100: #dcfce7;
  --color-brand-200: #bbf7d0;
  --color-brand-500: #16A34A;
  --color-brand-600: #15803d;
  --color-brand-700: #166534;

  /* Accent — amarelo / pendente */
  --color-accent-500: #EAB308;
  --color-accent-600: #ca8a04;

  /* Danger */
  --color-danger:     #EF4444;
  --color-danger-600: #dc2626;

  /* Purple — waitlist / premium */
  --color-purple:     #8B5CF6;

  /* Neutros — light theme */
  --color-bg:         #F8FAFC;
  --color-surface:    #FFFFFF;
  --color-surface-2:  #F1F5F9;
  --color-border:     #E2E8F0;
  --color-border-2:   #CBD5E1;

  /* Texto */
  --color-text-primary:   #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted:     #94A3B8;
  --color-text-inverse:   #FFFFFF;

  /* Agenda */
  --color-disponivel:  #16A34A;
  --color-reservado:   #EF4444;
  --color-bloqueado:   #64748B;
  --color-pendente:    #EAB308;
  --color-waitlist:    #8B5CF6;

  /* Sidebar */
  --sidebar-width:     240px;
  --sidebar-bg:        #0F172A;
  --sidebar-text:      #94A3B8;
  --sidebar-text-active: #FFFFFF;
  --sidebar-active-bg: rgba(22, 163, 74, 0.15);

  /* Tipografia */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;

  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;

  /* Espaçamento */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border radius */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:  0 10px 30px rgba(0,0,0,.1),  0 4px 8px rgba(0,0,0,.04);

  /* Animações */
  --anim-fast:   150ms ease;
  --anim-normal: 250ms ease;
  --anim-slow:   400ms ease;

  /* Layout */
  --content-max: 1440px;
  --header-h:    64px;
}