/* ═══════════════════════════════════════════════════════════════
   ARANTES TECNOLOGIA — DESIGN SYSTEM SHADCN/UI
   shadcn-tokens.css — Tokens HSL, Zinc Palette, Glass & Tipografia
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. FONTES LOCAIS (INTER & MANROPE) ── */
@font-face {
  font-family: 'Inter';
  src: url('../../assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype'),
       url('../assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype'),
       url('/assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../../assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype'),
       url('../assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype'),
       url('/assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../../assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype'),
       url('../assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype'),
       url('/assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* ── 2. TOKENS GLOBAIS SHADCN (PADRÃO DARK ZINC) ── */
:root {
  /* Shadcn/UI HSL Tokens (Dark Theme Default) */
  --background: 240 10% 3.9%;          /* #09090b - Zinc 950 */
  --foreground: 0 0% 98%;              /* #fafafa - Zinc 50 */

  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;

  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;

  --primary: 263.4 70% 50.4%;          /* #7c3aed - Arantes Purple */
  --primary-foreground: 210 20% 98%;

  --secondary: 240 3.7% 15.9%;         /* #27272a - Zinc 800 */
  --secondary-foreground: 0 0% 98%;

  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;    /* #a1a1aa - Zinc 400 */

  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;

  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 85.7% 97.3%;

  --border: 240 3.7% 15.9%;            /* #27272a - Borda 1px */
  --input: 240 3.7% 15.9%;
  --ring: 263.4 70% 50.4%;             /* Focus Ring #7c3aed */

  --radius: 0.5rem;                    /* 8px */
  --radius-sm: 0.375rem;               /* 6px */
  --radius-lg: 0.75rem;                /* 12px */
  --radius-xl: 1rem;                   /* 16px */

  /* ── 3. CORES DIRETAS ZINC (HEX CONVENIENCE) ── */
  --zinc-50:  #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;

  /* ── 4. ARANTES SIGNATURE TOKENS ── */
  --arantes-purple:       #7c3aed;
  --arantes-purple-hover: #6d28d9;
  --arantes-purple-light: #c084fc;
  --arantes-purple-glow:  rgba(124, 58, 237, 0.28);

  --arantes-gold:         #d4af37;
  --arantes-gold-hover:   #b89628;
  --arantes-gold-glow:    rgba(212, 175, 55, 0.25);

  --arantes-cyan:         #00d4ff;
  --arantes-cyan-glow:    rgba(0, 212, 255, 0.22);

  --arantes-emerald:      #10b981;
  --arantes-rose:         #f43f5e;
  --arantes-amber:        #f59e0b;

  /* ── 5. GLASSMORPHISM TOKENS ── */
  --glass-bg:             rgba(24, 24, 27, 0.65);
  --glass-surface:        rgba(18, 18, 24, 0.82);
  --glass-card:           rgba(24, 24, 27, 0.52);
  --glass-border:         rgba(255, 255, 255, 0.08);
  --glass-border-hover:   rgba(255, 255, 255, 0.16);
  --glass-blur:           blur(14px);

  /* ── 6. TIPOGRAFIA ── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* ── 7. TRANSIÇÕES E SOMBRAS ── */
  --shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  --shadow-card:   0 10px 30px -10px rgba(0, 0, 0, 0.5), 0 0 1px 1px rgba(255, 255, 255, 0.05);
  --shadow-glow:   0 0 25px -5px var(--arantes-purple-glow);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── 8. LIGHT THEME OVERRIDES (CASO ATIVADO VIA .light) ── */
.light {
  --background: 0 0% 100%;             /* #ffffff */
  --foreground: 240 10% 3.9%;          /* #09090b */

  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;

  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;

  --primary: 263.4 70% 50.4%;          /* #7c3aed */
  --primary-foreground: 210 20% 98%;

  --secondary: 240 4.8% 95.9%;         /* #f4f4f5 */
  --secondary-foreground: 240 5.9% 10%;

  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;

  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;

  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;

  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 263.4 70% 50.4%;

  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-surface: rgba(248, 250, 252, 0.88);
  --glass-card: rgba(255, 255, 255, 0.65);
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-border-hover: rgba(0, 0, 0, 0.16);
}