/* MAEVIT design tokens v1 — gerado de tokens.json. NÃO editar diretamente. */
:root {
  /* Brand */
  --ink: #0A0A0A;
  --ink-oklch: oklch(0.16 0 0);
  --ink-2: #1A1A1A;
  --ink-2-oklch: oklch(0.22 0 0);
  --ink-3: #2A2A2A;
  --ink-3-oklch: oklch(0.28 0.002 0);
  --snow: #FAFAFA;
  --snow-oklch: oklch(0.98 0.002 0);
  --snow-2: #F4F0EC;
  --snow-2-oklch: oklch(0.95 0.005 60);
  --fade: #6E6E6E;
  --fade-oklch: oklch(0.50 0.005 0);
  --fade-2: #9E9E9E;
  --fade-2-oklch: oklch(0.65 0.003 0);
  --line: #C8C8C8;
  --line-oklch: oklch(0.82 0.003 0);
  --line-soft: #E5E5E5;
  --line-soft-oklch: oklch(0.90 0.003 0);

  /* Linhas — 4 produtos */
  --genelle: #C81F7C;
  --genelle-oklch: oklch(0.55 0.21 350);
  --genelle-soft: #F9E6F0;
  --genelle-deep: #7E0E50;
  --aurallys: #D9A21C;
  --aurallys-oklch: oklch(0.72 0.16 80);
  --aurallys-soft: #FAEFCF;
  --aurallys-deep: #6E4F0A;
  --mavena: #5E27A8;
  --mavena-oklch: oklch(0.50 0.18 295);
  --mavena-soft: #EBE0F5;
  --mavena-deep: #2E1257;
  --aella: #E5611A;
  --aella-oklch: oklch(0.66 0.20 45);
  --aella-soft: #FCE6D9;
  --aella-deep: #8A3308;

  /* Semantic */
  --success: #3CB47A;
  --success-bg: #E2F3EB;
  --error: #D94B36;
  --error-bg: #FBE5E1;
  --warning: #D9A938;
  --warning-bg: #FBEFD7;
  --info: #3A7DC8;
  --info-bg: #E1ECF7;

  /* Typography */
  --font-display: 'Puck', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Spacing — escala 4pt */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s6: 24px;
  --s8: 32px;
  --s12: 48px;
  --s16: 64px;
  --s24: 96px;
  --s32: 128px;

  /* Radius */
  --r-sharp: 0px;
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 20px;
  --r-full: 9999px;

  /* Type scale */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-5xl: 64px;
  --text-6xl: 84px;

  /* Motion — easing (Emil curves) */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  /* Motion — duration */
  --d-instant: 80ms;
  --d-fast: 160ms;
  --d-normal: 240ms;
  --d-slow: 480ms;
  --d-page: 720ms;
  --d-epic: 1100ms;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(10,10,10,0.06);
  --shadow-md: 0 4px 12px rgba(10,10,10,0.08), 0 1px 3px rgba(10,10,10,0.04);
  --shadow-lg: 0 12px 32px rgba(10,10,10,0.10), 0 4px 8px rgba(10,10,10,0.06);
  --shadow-xl: 0 24px 64px rgba(10,10,10,0.14), 0 8px 16px rgba(10,10,10,0.08);
}

/* Puck-Light — fonte oficial display */
@font-face {
  font-family: 'Puck';
  src: url('/assets/fonts/Puck-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Selection — selo da marca */
::selection { background: var(--genelle); color: #FFFFFF; }