/* ============================================================
   Tidigital Analytics — Design Tokens (CSS Variables)
   Inspirado em shadcn/ui
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Cores base */
  --tidalt-background:           #ffffff;
  --tidalt-foreground:           #0f172a;
  --tidalt-card:                 #f8fafc;
  --tidalt-card-foreground:      #0f172a;
  --tidalt-border:               #e2e8f0;
  --tidalt-input:                #e2e8f0;
  --tidalt-ring:                 #6366f1;

  /* Cores de marca */
  --tidalt-primary:              #6366f1;
  --tidalt-primary-foreground:   #ffffff;
  --tidalt-secondary:            #f1f5f9;
  --tidalt-secondary-foreground: #475569;
  --tidalt-accent:               #06b6d4;
  --tidalt-accent-foreground:    #ffffff;
  --tidalt-muted:                #f1f5f9;
  --tidalt-muted-foreground:     #94a3b8;

  /* Estados */
  --tidalt-destructive:          #ef4444;
  --tidalt-destructive-foreground: #ffffff;
  --tidalt-success:              #22c55e;
  --tidalt-success-foreground:   #ffffff;
  --tidalt-warning:              #f59e0b;
  --tidalt-warning-foreground:   #ffffff;
  --tidalt-info:                 #3b82f6;
  --tidalt-info-foreground:      #ffffff;

  /* Layout */
  --tidalt-radius:               0.5rem;
  --tidalt-radius-lg:            0.75rem;
  --tidalt-radius-sm:            0.375rem;
  --tidalt-sidebar-width:        240px;
  --tidalt-topbar-height:        56px;

  /* Tipografia */
  --tidalt-font-sans:            'Inter', system-ui, -apple-system, sans-serif;
  --tidalt-font-mono:            'JetBrains Mono', 'Fira Code', monospace;

  /* Sombras */
  --tidalt-shadow-sm:            0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tidalt-shadow:               0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tidalt-shadow-md:            0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tidalt-shadow-lg:            0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Transições */
  --tidalt-transition:           150ms cubic-bezier(0.4, 0, 0.2, 1);
  --tidalt-transition-slow:      300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Modo escuro ────────────────────────────────────────────── */
[data-tidalt-theme="dark"] {
  --tidalt-background:           #0f172a;
  --tidalt-foreground:           #f8fafc;
  --tidalt-card:                 #1e293b;
  --tidalt-card-foreground:      #f8fafc;
  --tidalt-border:               #334155;
  --tidalt-input:                #334155;
  --tidalt-ring:                 #818cf8;

  --tidalt-secondary:            #1e293b;
  --tidalt-secondary-foreground: #cbd5e1;
  --tidalt-muted:                #1e293b;
  --tidalt-muted-foreground:     #64748b;
}