/* ==========================================================================
   Rafael Fonteles -- Design Tokens (auto-gerado a partir das Figma Variables
   e Effect Styles)
   Ordem: 1) Globais (primitivos)  2) Semanticas  3) Breakpoints  4) Sombras  5) Tipografia
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. VARIAVEIS GLOBAIS (primitivas)
   -------------------------------------------------------------------------- */
:root {

  /* Cores de marca */
  --color-brand-red: #EA2327;
  --color-brand-yellow: #F0D936;
  --color-brand-green: #9BCA40;
  --color-brand-blue: #0366AD;
  --color-brand-black: #221F21;

  /* Cores base */
  --color-tailwind-white: #FFFFFF;
  --color-tailwind-black: #000000;

  /* Tailwind / Neutral */
  --color-tailwind-neutral-50: #FAFAFA;
  --color-tailwind-neutral-100: #F5F5F5;
  --color-tailwind-neutral-200: #E5E5E5;
  --color-tailwind-neutral-300: #D4D4D4;
  --color-tailwind-neutral-400: #A3A3A3;
  --color-tailwind-neutral-500: #737373;
  --color-tailwind-neutral-600: #525252;
  --color-tailwind-neutral-700: #404040;
  --color-tailwind-neutral-800: #262626;
  --color-tailwind-neutral-900: #171717;
  --color-tailwind-neutral-950: #0A0A0A;

  /* Tailwind / Zinc */
  --color-tailwind-zinc-50: #FAFAFA;
  --color-tailwind-zinc-100: #F4F4F5;
  --color-tailwind-zinc-200: #E4E4E7;
  --color-tailwind-zinc-300: #D4D4D8;
  --color-tailwind-zinc-400: #A1A1AA;
  --color-tailwind-zinc-500: #71717A;
  --color-tailwind-zinc-600: #52525B;
  --color-tailwind-zinc-700: #3F3F46;
  --color-tailwind-zinc-800: #27272A;
  --color-tailwind-zinc-900: #18181B;
  --color-tailwind-zinc-950: #09090B;

  /* Tailwind / Gray */
  --color-tailwind-gray-50: #F9FAFB;
  --color-tailwind-gray-100: #F3F4F6;
  --color-tailwind-gray-200: #E5E7EB;
  --color-tailwind-gray-300: #D1D5DB;
  --color-tailwind-gray-400: #9CA3AF;
  --color-tailwind-gray-500: #6B7280;
  --color-tailwind-gray-600: #4B5563;
  --color-tailwind-gray-700: #374151;
  --color-tailwind-gray-800: #1F2937;
  --color-tailwind-gray-900: #111827;
  --color-tailwind-gray-950: #030712;

  /* Tailwind / Slate */
  --color-tailwind-slate-50: #F8FAFC;
  --color-tailwind-slate-100: #F1F5F9;
  --color-tailwind-slate-200: #E2E8F0;
  --color-tailwind-slate-300: #CBD5E1;
  --color-tailwind-slate-400: #94A3B8;
  --color-tailwind-slate-500: #64748B;
  --color-tailwind-slate-600: #475569;
  --color-tailwind-slate-700: #334155;
  --color-tailwind-slate-800: #1E293B;
  --color-tailwind-slate-900: #0F172A;
  --color-tailwind-slate-950: #020617;

  /* Tailwind / Stone */
  --color-tailwind-stone-50: #FAFAF9;
  --color-tailwind-stone-100: #F5F5F4;
  --color-tailwind-stone-200: #E7E5E4;
  --color-tailwind-stone-300: #D6D3D1;
  --color-tailwind-stone-400: #A8A29E;
  --color-tailwind-stone-500: #78716C;
  --color-tailwind-stone-600: #57534E;
  --color-tailwind-stone-700: #44403C;
  --color-tailwind-stone-800: #292524;
  --color-tailwind-stone-900: #1C1917;
  --color-tailwind-stone-950: #0C0A09;

  /* Tailwind / Red */
  --color-tailwind-red-50: #FEF2F2;
  --color-tailwind-red-100: #FEE2E2;
  --color-tailwind-red-200: #FECACA;
  --color-tailwind-red-300: #FCA5A5;
  --color-tailwind-red-400: #F87171;
  --color-tailwind-red-500: #EF4444;
  --color-tailwind-red-600: #DC2626;
  --color-tailwind-red-700: #B91C1C;
  --color-tailwind-red-800: #991B1B;
  --color-tailwind-red-900: #7F1D1D;
  --color-tailwind-red-950: #450A0A;

  /* Tailwind / Orange */
  --color-tailwind-orange-50: #FFF7ED;
  --color-tailwind-orange-100: #FFEDD5;
  --color-tailwind-orange-200: #FED7AA;
  --color-tailwind-orange-300: #FDBA74;
  --color-tailwind-orange-400: #FB923C;
  --color-tailwind-orange-500: #F97316;
  --color-tailwind-orange-600: #EA580C;
  --color-tailwind-orange-700: #C2410C;
  --color-tailwind-orange-800: #9A3412;
  --color-tailwind-orange-900: #7C2D12;
  --color-tailwind-orange-950: #431407;

  /* Tailwind / Amber */
  --color-tailwind-amber-50: #FFFBEB;
  --color-tailwind-amber-100: #FEF3C7;
  --color-tailwind-amber-200: #FDE68A;
  --color-tailwind-amber-300: #FCD34D;
  --color-tailwind-amber-400: #FBBF24;
  --color-tailwind-amber-500: #F59E0B;
  --color-tailwind-amber-600: #D97706;
  --color-tailwind-amber-700: #B45309;
  --color-tailwind-amber-800: #92400E;
  --color-tailwind-amber-900: #78350F;
  --color-tailwind-amber-950: #451A03;

  /* Tailwind / Yellow */
  --color-tailwind-yellow-50: #FEFCE8;
  --color-tailwind-yellow-100: #FEF9C3;
  --color-tailwind-yellow-200: #FEF08A;
  --color-tailwind-yellow-300: #FDE047;
  --color-tailwind-yellow-400: #FACC15;
  --color-tailwind-yellow-500: #EAB308;
  --color-tailwind-yellow-600: #CA8A04;
  --color-tailwind-yellow-700: #A16207;
  --color-tailwind-yellow-800: #854D0E;
  --color-tailwind-yellow-900: #713F12;
  --color-tailwind-yellow-950: #422006;

  /* Tailwind / Lime */
  --color-tailwind-lime-50: #F7FEE7;
  --color-tailwind-lime-100: #ECFCCB;
  --color-tailwind-lime-200: #D9F99D;
  --color-tailwind-lime-300: #BEF264;
  --color-tailwind-lime-400: #A3E635;
  --color-tailwind-lime-500: #84CC16;
  --color-tailwind-lime-600: #65A30D;
  --color-tailwind-lime-700: #4D7C0F;
  --color-tailwind-lime-800: #3F6212;
  --color-tailwind-lime-900: #365314;
  --color-tailwind-lime-950: #1A2E05;

  /* Tailwind / Green */
  --color-tailwind-green-50: #F0FDF4;
  --color-tailwind-green-100: #DCFCE7;
  --color-tailwind-green-200: #BBF7D0;
  --color-tailwind-green-300: #86EFAC;
  --color-tailwind-green-400: #4ADE80;
  --color-tailwind-green-500: #22C55E;
  --color-tailwind-green-600: #16A34A;
  --color-tailwind-green-700: #15803D;
  --color-tailwind-green-800: #166534;
  --color-tailwind-green-900: #14532D;
  --color-tailwind-green-950: #052E16;

  /* Tailwind / Emerald */
  --color-tailwind-emerald-50: #ECFDF5;
  --color-tailwind-emerald-100: #D1FAE5;
  --color-tailwind-emerald-200: #A7F3D0;
  --color-tailwind-emerald-300: #6EE7B7;
  --color-tailwind-emerald-400: #34D399;
  --color-tailwind-emerald-500: #10B981;
  --color-tailwind-emerald-600: #059669;
  --color-tailwind-emerald-700: #047857;
  --color-tailwind-emerald-800: #065F46;
  --color-tailwind-emerald-900: #064E3B;
  --color-tailwind-emerald-950: #022C22;

  /* Tailwind / Teal */
  --color-tailwind-teal-50: #F0FDFA;
  --color-tailwind-teal-100: #CCFBF1;
  --color-tailwind-teal-200: #99F6E4;
  --color-tailwind-teal-300: #5EEAD4;
  --color-tailwind-teal-400: #2DD4BF;
  --color-tailwind-teal-500: #14B8A6;
  --color-tailwind-teal-600: #0D9488;
  --color-tailwind-teal-700: #0F766E;
  --color-tailwind-teal-800: #115E59;
  --color-tailwind-teal-900: #134E4A;
  --color-tailwind-teal-950: #042F2E;

  /* Tailwind / Cyan */
  --color-tailwind-cyan-50: #ECFEFF;
  --color-tailwind-cyan-100: #CFFAFE;
  --color-tailwind-cyan-200: #A5F3FC;
  --color-tailwind-cyan-300: #67E8F9;
  --color-tailwind-cyan-400: #22D3EE;
  --color-tailwind-cyan-500: #06B6D4;
  --color-tailwind-cyan-600: #0891B2;
  --color-tailwind-cyan-700: #0E7490;
  --color-tailwind-cyan-800: #155E75;
  --color-tailwind-cyan-900: #164E63;
  --color-tailwind-cyan-950: #083344;

  /* Tailwind / Sky */
  --color-tailwind-sky-50: #F0F9FF;
  --color-tailwind-sky-100: #E0F2FE;
  --color-tailwind-sky-200: #BAE6FD;
  --color-tailwind-sky-300: #7DD3FC;
  --color-tailwind-sky-400: #38BDF8;
  --color-tailwind-sky-500: #0EA5E9;
  --color-tailwind-sky-600: #0284C7;
  --color-tailwind-sky-700: #0369A1;
  --color-tailwind-sky-800: #075985;
  --color-tailwind-sky-900: #0C4A6E;
  --color-tailwind-sky-950: #082F49;

  /* Tailwind / Blue */
  --color-tailwind-blue-50: #EFF6FF;
  --color-tailwind-blue-100: #DBEAFE;
  --color-tailwind-blue-200: #BFDBFE;
  --color-tailwind-blue-300: #93C5FD;
  --color-tailwind-blue-400: #60A5FA;
  --color-tailwind-blue-500: #3B82F6;
  --color-tailwind-blue-600: #2563EB;
  --color-tailwind-blue-700: #1D4ED8;
  --color-tailwind-blue-800: #1E40AF;
  --color-tailwind-blue-900: #1E3A8A;
  --color-tailwind-blue-950: #172554;

  /* Tailwind / Indigo */
  --color-tailwind-indigo-50: #EEF2FF;
  --color-tailwind-indigo-100: #E0E7FF;
  --color-tailwind-indigo-200: #C7D2FE;
  --color-tailwind-indigo-300: #A5B4FC;
  --color-tailwind-indigo-400: #818CF8;
  --color-tailwind-indigo-500: #6366F1;
  --color-tailwind-indigo-600: #4F46E5;
  --color-tailwind-indigo-700: #4338CA;
  --color-tailwind-indigo-800: #3730A3;
  --color-tailwind-indigo-900: #312E81;
  --color-tailwind-indigo-950: #1E1B4B;

  /* Tailwind / Violet */
  --color-tailwind-violet-50: #F5F3FF;
  --color-tailwind-violet-100: #EDE9FE;
  --color-tailwind-violet-200: #DDD6FE;
  --color-tailwind-violet-300: #C4B5FD;
  --color-tailwind-violet-400: #A78BFA;
  --color-tailwind-violet-500: #8B5CF6;
  --color-tailwind-violet-600: #7C3AED;
  --color-tailwind-violet-700: #6D28D9;
  --color-tailwind-violet-800: #5B21B6;
  --color-tailwind-violet-900: #4C1D95;
  --color-tailwind-violet-950: #2E1065;

  /* Tailwind / Purple */
  --color-tailwind-purple-50: #FAF5FF;
  --color-tailwind-purple-100: #F3E8FF;
  --color-tailwind-purple-200: #E9D5FF;
  --color-tailwind-purple-300: #D8B4FE;
  --color-tailwind-purple-400: #C084FC;
  --color-tailwind-purple-500: #A855F7;
  --color-tailwind-purple-600: #9333EA;
  --color-tailwind-purple-700: #7E22CE;
  --color-tailwind-purple-800: #6B21A8;
  --color-tailwind-purple-900: #581C87;
  --color-tailwind-purple-950: #3B0764;

  /* Tailwind / Fuchsia */
  --color-tailwind-fuchsia-50: #FDF4FF;
  --color-tailwind-fuchsia-100: #FAE8FF;
  --color-tailwind-fuchsia-200: #F5D0FE;
  --color-tailwind-fuchsia-300: #F0ABFC;
  --color-tailwind-fuchsia-400: #E879F9;
  --color-tailwind-fuchsia-500: #D946EF;
  --color-tailwind-fuchsia-600: #C026D3;
  --color-tailwind-fuchsia-700: #A21CAF;
  --color-tailwind-fuchsia-800: #86198F;
  --color-tailwind-fuchsia-900: #701A75;
  --color-tailwind-fuchsia-950: #4A044E;

  /* Tailwind / Pink */
  --color-tailwind-pink-50: #FDF2F8;
  --color-tailwind-pink-100: #FCE7F3;
  --color-tailwind-pink-200: #FBCFE8;
  --color-tailwind-pink-300: #F9A8D4;
  --color-tailwind-pink-400: #F472B6;
  --color-tailwind-pink-500: #EC4899;
  --color-tailwind-pink-600: #DB2777;
  --color-tailwind-pink-700: #BE185D;
  --color-tailwind-pink-800: #9D174D;
  --color-tailwind-pink-900: #831843;
  --color-tailwind-pink-950: #500724;

  /* Tailwind / Rose */
  --color-tailwind-rose-50: #FFF1F2;
  --color-tailwind-rose-100: #FFE4E6;
  --color-tailwind-rose-200: #FECDD3;
  --color-tailwind-rose-300: #FDA4AF;
  --color-tailwind-rose-400: #FB7185;
  --color-tailwind-rose-500: #F43F5E;
  --color-tailwind-rose-600: #E11D48;
  --color-tailwind-rose-700: #BE123C;
  --color-tailwind-rose-800: #9F1239;
  --color-tailwind-rose-900: #881337;
  --color-tailwind-rose-950: #4C0519;

  /* Border radius */
  --radius-none: 0px;
  --radius-7xs: 1px;
  --radius-6xs: 2px;
  --radius-5xs: 4px;
  --radius-4-5xs: 6px;
  --radius-4xs: 8px;
  --radius-3-5xs: 10px;
  --radius-3xs: 12px;
  --radius-2-5xs: 14px;
  --radius-2xs: 16px;
  --radius-xs: 20px;
  --radius-sm: 24px;
  --radius-md: 28px;
  --radius-lg: 32px;
  --radius-xl: 36px;
  --radius-2xl: 40px;
  --radius-3xl: 44px;
  --radius-4xl: 48px;
  --radius-5xl: 56px;
  --radius-6xl: 64px;
  --radius-full: 9999px;

  /* Espacamento (space) */
  --space-0: 0px;
  --space-px: 1px;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-32: 128px;
  --space-36: 144px;
  --space-40: 160px;
  --space-44: 176px;
  --space-48: 192px;
  --space-52: 208px;
  --space-56: 224px;
  --space-60: 240px;
  --space-64: 256px;
  --space-72: 288px;
  --space-80: 320px;
  --space-96: 384px;

  /* Tipografia: font-size */
  --font-size-xs: 12px;
  --font-size-sm: 16px;
  --font-size-md: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-size-7xl: 64px;
  --font-size-8xl: 80px;
  --font-size-9xl: 96px;

  /* Tipografia: font-weight */
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  /* Tipografia: line-height */
  --line-height-none: 16px;
  --line-height-tight: 20px;
  --line-height-snug: 22px;
  --line-height-normal: 24px;
  --line-height-relaxed: 26px;
  --line-height-loose: 32px;
  --line-height-xs: 16px;
  --line-height-sm: 20px;
  --line-height-md: 24px;
  --line-height-lg: 28px;
  --line-height-xl: 28px;
  --line-height-2xl: 32px;
  --line-height-3xl: 36px;
  --line-height-4xl: 40px;
  --line-height-5xl: 48px;
  --line-height-6xl: 60px;
  --line-height-7xl: 72px;
  --line-height-8xl: 96px;
  --line-height-9xl: 128px;
  --line-height-64: 64px;
  --line-height-80: 80px;
  --line-height-21-6: 21.6px;
  --line-height-25-92: 25.92px;
  --line-height-30-72: 30.72px;
  --line-height-34-56: 34.56px;
  --line-height-38-88: 38.88px;
  --line-height-46-08: 46.08px;
  --line-height-69-12: 69.12px;
  --line-height-76-8: 76.8px;
  --line-height-86-4: 86.4px;
  --line-height-10-24: 10.24px;

  /* Tipografia: letter-spacing */
  --letter-spacing-tighter: -0.8px;
  --letter-spacing-tight: -0.4px;
  --letter-spacing-normal: 0px;
  --letter-spacing-wide: 0.4px;
  --letter-spacing-wider: 0.8px;
  --letter-spacing-widest: 1.6px;
  --letter-spacing-minus-0-32: -0.32px;
  --letter-spacing-minus-1: -1px;
  --letter-spacing-minus-1-28: -1.28px;
  --letter-spacing-minus-2-56: -2.56px;
  --letter-spacing-minus-3-2: -3.2px;
  --letter-spacing-minus-1-25: -1.25px;
  --letter-spacing-minus-1-5: -1.5px;
  --letter-spacing-minus-2: -2px;
  --letter-spacing-minus-2-25: -2.25px;
  --letter-spacing-minus-3: -3px;
  --letter-spacing-minus-3-75: -3.75px;
  --letter-spacing-minus-4: -4px;
  --letter-spacing-minus-5: -5px;
  --letter-spacing-minus-6: -6px;

  /* Tipografia: font-family */
  --font-family-body-sans: "DM Sans";
  --font-family-display-sans: "Anek Latin";
  --font-family-display-expanded: "Anek Latin Expanded";
}

/* --------------------------------------------------------------------------
   2. VARIAVEIS SEMANTICAS (referenciam as globais acima)
   -------------------------------------------------------------------------- */
	:root {

  /* semantic/fg */
  --color-fg-emphasis: var(--color-brand-black);

  /* semantic/bg */
  --color-bg-white: var(--color-tailwind-white);

  /* semantic/border */
  --color-border-default: var(--color-tailwind-zinc-200);
  --color-border-divisor: var(--color-tailwind-zinc-200);
  --color-border-white: var(--color-tailwind-white);
  --color-border-black: var(--color-brand-black);
  --color-border-action-primary-default: var(--color-bg-red);
  --color-border-action-secondary-default: var(--color-bg-blue);
  --color-border-action-hover: var(--color-bg-green);

  /* semantic/bg */
  --color-bg-muted: var(--color-tailwind-zinc-50);
  --color-bg-black: var(--color-brand-black);
  --color-bg-red: var(--color-brand-red);
  --color-bg-yellow: var(--color-brand-yellow);
  --color-bg-green: var(--color-brand-green);
  --color-bg-blue: var(--color-brand-blue);
  --color-bg-action-black-default: rgba(0, 0, 0, 0.08);
  --color-bg-action-black-hover: rgba(0, 0, 0, 0.12);
  --color-bg-action-white-default: rgba(255, 255, 255, 0.16);
  --color-bg-action-white-hover: rgba(255, 255, 255, 0.24);
  --color-bg-action-primary-default: var(--color-bg-red);
  --color-bg-action-secondary-default: var(--color-bg-blue);
  --color-bg-action-hover: var(--color-bg-green);

  /* semantic/fg */
  --color-fg-default: var(--color-tailwind-zinc-600);
  --color-fg-muted: var(--color-tailwind-zinc-400);
  --color-fg-white: var(--color-tailwind-white);
  --color-fg-action-primary-default: var(--color-bg-red);
  --color-fg-action-secondary-default: var(--color-bg-blue);
  --color-fg-action-hover: var(--color-bg-green);
}

/* --------------------------------------------------------------------------
   3. BREAKPOINTS
   Mobile-first: valores default = sm, sobrescritos em md e lg
   -------------------------------------------------------------------------- */

/* Larguras de referencia dos breakpoints */
:root {
  --breakpoint-sm-min: 320px;
  --breakpoint-sm-max: 767px;
  --breakpoint-md-min: 768px;
  --breakpoint-md-max: 1279px;
  --breakpoint-lg-min: 1280px;
  --breakpoint-lg-max: 1920px;
}

/* sm (default, mobile-first) */
:root {
  --section-padding-x: var(--space-5);
  --section-padding-y: var(--space-16);
  --section-layout-gap: var(--space-8);
  --section-content-gap: var(--space-3);
  --section-content-paragraph-gap: var(--space-2);
}

@media (min-width: 768px) {
  :root {
    --section-padding-x: var(--space-20);
    --section-padding-y: var(--space-12);
    --section-layout-gap: var(--space-8);
    --section-content-gap: var(--space-6);
    --section-content-paragraph-gap: var(--space-3);
  }
}

@media (min-width: 1280px) {
  :root {
    --section-padding-x: var(--space-24);
    --section-padding-y: var(--space-16);
    --section-layout-gap: var(--space-12);
    --section-content-gap: var(--space-6);
    --section-content-paragraph-gap: var(--space-3);
  }
}

/* --------------------------------------------------------------------------
   4. SOMBRAS (Effect Styles do Figma)
   Nao sao Variables, sao Effect Styles -- mas fazem parte do sistema de
   tokens e precisam ser exportadas junto.
   -------------------------------------------------------------------------- */
:root {
  --shadow-button: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.12),
    0px 2px 1px -1px rgba(0, 0, 0, 0.05),
    0px 1px 3px 0px rgba(0, 0, 0, 0.05),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.12),
    inset 0px 1px 1px 0px rgba(255, 255, 255, 0.12),
    inset 0px -2px 2px 0px rgba(0, 0, 0, 0.12);
  --shadow-0-5: inset 0px 1.5px 2px 0px rgba(0, 0, 85, 0.024),
    inset 0px 1.5px 2px 0px rgba(0, 0, 0, 0.1);
  --shadow-1: 0px 1px 1px -1px rgba(0, 0, 0, 0.05),
    0px 0.5px 3px 0px rgba(0, 0, 0, 0.05);
  --shadow-2: 0px 1px 3px 0px rgba(0, 0, 0, 0.051),
    inset 0px 1px 2px 0px rgba(0, 0, 0, 0.102);
  --shadow-3: 0px 2px 1px -1px rgba(0, 0, 0, 0.05),
    0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  --shadow-4: 0px 4px 4px -2px rgba(24, 39, 75, 0.08),
    0px 2px 4px -2px rgba(24, 39, 75, 0.12);
  --shadow-5: 0px 8px 8px -4px rgba(24, 39, 75, 0.08),
    0px 4px 6px -4px rgba(24, 39, 75, 0.12);
  --shadow-6: 0px 8px 16px -6px rgba(24, 39, 75, 0.08),
    0px 6px 8px -6px rgba(24, 39, 75, 0.12);
  --shadow-7: 0px 8px 24px -4px rgba(24, 39, 75, 0.08),
    0px 6px 12px -6px rgba(24, 39, 75, 0.12);
  --shadow-8: 0px 10px 32px -4px rgba(24, 39, 75, 0.1),
    0px 6px 14px -6px rgba(24, 39, 75, 0.12);
  --shadow-9: 0px 12px 42px -4px rgba(24, 39, 75, 0.12),
    0px 8px 18px -6px rgba(24, 39, 75, 0.12);
  --shadow-10: 0px 14px 64px -4px rgba(24, 39, 75, 0.12),
    0px 8px 22px -6px rgba(24, 39, 75, 0.12);
  --shadow-11: 0px 18px 88px -4px rgba(24, 39, 75, 0.14),
    0px 8px 28px -6px rgba(24, 39, 75, 0.12);
  --shadow-focus: 0px 0px 0px 3px rgba(234, 35, 39, 0.16);
}

/* --------------------------------------------------------------------------
   5. ESTILOS DE TEXTO (Text Styles do Figma)
   Cada classe corresponde a um Text Style real do arquivo, lido direto via
   Figma Plugin API (getLocalTextStylesAsync + boundVariables), nao inferido
   por valor em pixel. Todas as propriedades abaixo estao amarradas as
   variaveis da secao 1, nunca em valor solto.
   -------------------------------------------------------------------------- */

/* Display / Normal -- Anek Latin, peso Regular */
.text-display-normal-xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-minus-1-25);
}
.text-display-normal-2xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-md);
  letter-spacing: var(--letter-spacing-minus-1-5);
}
.text-display-normal-3xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-2xl);
  letter-spacing: var(--letter-spacing-minus-2);
}
.text-display-normal-4xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-4xl);
  line-height: var(--line-height-3xl);
  letter-spacing: var(--letter-spacing-minus-2-25);
}
.text-display-normal-5xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-5xl);
  line-height: var(--line-height-5xl);
  letter-spacing: var(--letter-spacing-minus-3);
}
.text-display-normal-6xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-6xl);
  line-height: var(--line-height-6xl);
  letter-spacing: var(--letter-spacing-minus-3-75);
}
.text-display-normal-7xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-7xl);
  line-height: var(--line-height-64);
  letter-spacing: var(--letter-spacing-minus-4);
}
.text-display-normal-8xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-8xl);
  line-height: var(--line-height-80);
  letter-spacing: var(--letter-spacing-minus-5);
}
.text-display-normal-9xl {
  font-family: var(--font-family-display-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-9xl);
  line-height: var(--line-height-8xl);
  letter-spacing: var(--letter-spacing-minus-6);
}

/* Display / Expandida -- Anek Latin Expanded, peso ExtraBold (9xl usa Bold, herdado do h1-expanded original) */
.text-display-expanded-xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-minus-1-25);
}
.text-display-expanded-2xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-md);
  letter-spacing: var(--letter-spacing-minus-1-5);
}
.text-display-expanded-3xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-2xl);
  letter-spacing: var(--letter-spacing-minus-2);
}
.text-display-expanded-4xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-4xl);
  line-height: var(--line-height-3xl);
  letter-spacing: var(--letter-spacing-minus-2-25);
}
.text-display-expanded-5xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-5xl);
  line-height: var(--line-height-5xl);
  letter-spacing: var(--letter-spacing-minus-3);
}
.text-display-expanded-6xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-6xl);
  line-height: var(--line-height-6xl);
  letter-spacing: var(--letter-spacing-minus-3-75);
}
.text-display-expanded-7xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-7xl);
  line-height: var(--line-height-64);
  letter-spacing: var(--letter-spacing-minus-4);
}
.text-display-expanded-8xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-8xl);
  line-height: var(--line-height-80);
  letter-spacing: var(--letter-spacing-minus-5);
}
.text-display-expanded-9xl {
  font-family: var(--font-family-display-expanded);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-9xl);
  line-height: var(--line-height-8xl);
  letter-spacing: var(--letter-spacing-minus-6);
}

/* Body -- DM Sans */
.text-body-xs-regular {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-normal);
}
.text-body-xs-medium {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-normal);
}
.text-body-sm-regular {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-sm-medium {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-sm-semibold {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-sm-bold {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-md-regular {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-md-medium {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-md-semibold {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-md-bold {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-tight);
}
.text-body-lg-regular {
  font-family: var(--font-family-body-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-loose);
  letter-spacing: var(--letter-spacing-tight);
}