/* ============================================================
   LADANIUSKI — Sistema de Design
   Baseado na IDV extraída do site antigo (ver IDV.md): laranja
   #F39508 como cor principal de marca/CTA, azul #0E297F / #081540
   como base institucional, tipografia Flipahaus + Exo 2.
   ============================================================ */

/* ---------- Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
@font-face {
  font-family: 'Flipahaus';
  src: url('../../fonts/FlipahausRegular.woff2') format('woff2'),
       url('../../fonts/FlipahausRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo 2';
  src: url('../../fonts/Exo2-VariableFont_wght.woff2') format('woff2-variations'),
       url('../../fonts/Exo2-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- Tokens ---------- */
:root {
  /* Brand — extraído da IDV (IDV.md) */
  --orange:      #f39508;   /* laranja principal — logo, destaques, CTAs */
  --orange-deep: #d97e00;
  --orange-50:   #fdf1e0;

  --blue-900: #081540;   /* azul escuro — fundos, footer */
  --blue-800: #0a1f5c;
  --blue-700: #0e297f;   /* azul principal — títulos, elementos de marca */
  --blue-600: #163a9e;
  --blue-500: #2f57bd;
  --blue-400: #5d7dd1;
  --blue-100: #dce4f7;
  --blue-50:  #eef2fb;

  /* Neutrals (conforme IDV) */
  --ink:      #081540;    /* azul escuro usado como "near-black" da marca */
  --graphite: #33373d;    /* texto secundário */
  --slate-700:#333333;    /* texto padrão */
  --slate-500:#5b6472;
  --slate-400:#8b93a1;
  --slate-300:#c6cbd3;
  --slate-200:#e2e5ea;
  --slate-100:#eeeeee;    /* fundos claros/bordas */
  --paper:    #f6f7f9;    /* off-white section */
  --white:    #ffffff;

  /* Accent secundário (uso pontual, conforme IDV) */
  --pink: #cc3366;

  /* Compat: mantém os nomes antigos apontando para o laranja da marca */
  --yellow:   var(--orange);
  --yellow-deep: var(--orange-deep);

  /* Semantic */
  --bg: var(--white);
  --text: var(--graphite);
  --muted: var(--slate-500);
  --line: var(--slate-200);

  /* Type — conforme IDV: Flipahaus (display) + Exo 2 (corpo/UI) */
  --font-display: 'Flipahaus', 'Archivo', system-ui, sans-serif;
  --font-body: 'Exo 2', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Fluid scale */
  --step--1: clamp(0.9rem, 0.86rem + 0.2vw, 0.98rem);
  --step-0:  clamp(1.0625rem, 1rem + 0.25vw, 1.15rem);
  --step-1:  clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --step-2:  clamp(1.45rem, 1.25rem + 1vw, 2rem);
  --step-3:  clamp(1.9rem, 1.5rem + 2vw, 2.9rem);
  --step-4:  clamp(2.4rem, 1.8rem + 3.2vw, 4.2rem);
  --step-5:  clamp(1.9rem, 1.3rem + 3.6vw, 5.6rem);

  /* Space */
  --gutter: clamp(1.2rem, 4vw, 2.4rem);
  --section-y: clamp(4rem, 8vw, 8rem);
  --maxw: 1280px;

  /* FX */
  --radius: 14px;
  --radius-lg: 22px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(8,21,64,.06), 0 2px 6px rgba(8,21,64,.05);
  --shadow-md: 0 10px 30px -12px rgba(10,31,92,.22);
  --shadow-lg: 0 30px 70px -30px rgba(8,21,64,.4);
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}