/* Font loading: self-hosted Google fonts (Geist var 300-600, Instrument Serif normal+italic) */
@import url("../fonts/fonts.css");

/* ── Site CSS variables (verbatim from source :root, site-dna.json cssVariables) ── */
:root {
  --tinta: #110D0E;
  --tinta-2: #1C1617;
  --tinta-3: #2B2224;
  --marfim: #F7F1EE;
  --papel: #FCF9F7;
  --blush: #F1D3DE;
  --blush-2: #F8E8EE;
  --rosa: #C83E73;
  --texto: #1C1617;
  --suave: #71656A;
  --linha: rgba(28, 22, 23, .12);
  --linha-clara: rgba(247, 241, 238, .16);
  --sans: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
  --borda: 10px;
  --larg: 1240px;
  --lado: max(20px, calc((100vw - var(--larg)) / 2)); /* 100px @1440, 20px <=1280 */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --topo-altura: 72px;
}

/* ── Generated tokens (generate-tokens.js) ── */
/*
 * Design Tokens — generated from site-dna.json
 * Source: https://live-colours.vercel.app
 * Extracted: 2026-11-04T14:41:11.258Z
 * DO NOT EDIT MANUALLY — regenerate from DNA if values need updating
 */

:root {
  /* ── Typography ── */
  --font-primary: Geist, "Helvetica Neue", Arial, sans-serif;
  --font-body: Geist, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 11px;
  --text-sm: 11.5px;
  --text-base: 12px;
  --text-md: 12.5px;
  --text-lg: 13px;
  --text-xl: 13.5px;
  --text-2xl: 14px;
  --text-3xl: 14.5px;
  --text-4xl: 15px;
  --text-5xl: 15.5px;
  --text-6xl: 16px;
  --text-7xl: 17px;
  --text-size-12: 18px;
  --text-size-13: 19px;
  --text-size-14: 22px;
  --text-size-15: 24px;
  --text-size-16: 27px;
  --text-size-17: 28px;
  --text-size-18: 34px;
  --text-size-19: 38px;
  --text-size-20: 44px;
  --text-size-21: 46px;
  --text-size-22: 68px;
  --text-size-23: 76px;
  --text-size-24: 106.56px;
  --text-size-25: 115.085px;
  --leading-0: 54.4px;
  --leading-1: 25.6px;
  --leading-2: 20px;
  --leading-3: 112.783px;
  --leading-4: 19.2px;
  --leading-5: 18.4px;
  --leading-6: 104.429px;
  --leading-7: 21.6px;
  --leading-8: 23.2px;
  --leading-9: 24px;
  --leading-10: 17.6px;
  --leading-11: 76px;
  --leading-12: 20.8px;
  --leading-13: 69.36px;
  --leading-14: 27.2px;
  --leading-15: 22.4px;
  --leading-16: 48.3px;
  --leading-17: 21.75px;
  --leading-18: 24.7px;
  --leading-19: 21px;
  --leading-20: 16.9px;
  --leading-21: 36.45px;
  --leading-22: 38.4px;
  --leading-23: 35.2px;
  --leading-24: 24.8px;
  --leading-25: 48.4px;
  --leading-26: 28.8px;
  --leading-27: 41.8px;
  --leading-28: 33.6px;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --tracking-0: -0.68px;
  --tracking-1: 1.5px;
  --tracking-2: -2.3017px;
  --tracking-3: 1.92px;
  --tracking-4: 1.61px;
  --tracking-5: -4.7952px;
  --tracking-6: 1.75px;
  --tracking-7: 1.32px;
  --tracking-8: -3.04px;
  --tracking-9: -2.72px;
  --tracking-10: -0.17px;
  --tracking-11: -1.61px;
  --tracking-12: -0.48px;
  --tracking-13: -1.32px;
  --tracking-14: -3.42px;
  --tracking-15: -1.14px;
  --tracking-16: 1.68px;

  /* ── Colors ── */
  --color-text-0: #000000;
  --color-text-1: #1c1617;
  --color-text-2: #f7f1ee;
  --color-text-3: #110d0e;
  --color-text-4: #71656a;
  --color-text-5: #c83e73;
  --color-text-6: #f1d3de;
  --color-text-7: #f7f1ee;
  --color-text-8: #f7f1ee;
  --color-text-9: #f7f1ee;
  --color-text-10: #f7f1ee;
  --color-text-11: #f7f1ee;
  --color-text-12: #f7f1ee;
  --color-bg-0: #fcf9f7;
  --color-bg-1: #f7f1ee;
  --color-bg-2: #110d0e;
  --color-bg-3: #000000;
  --color-bg-4: #fcf9f7;
  --color-bg-5: #1c1617;
  --color-bg-6: #f8e8ee;
  --color-bg-7: #1c1617;
  --color-bg-8: #1c1617;
  --color-bg-9: #111111;
  --color-border-0: #f7f1ee;
  --color-border-1: #f7f1ee;
  --color-border-2: #f7f1ee;
  --color-border-3: #1c1617;
  --color-border-4: #1c1617;
  --color-border-5: #110d0e;
  --color-border-6: #1c1617;
  --color-border-7: #1c1617;
  --color-border-8: #f7f1ee;

  /* ── Shadows ── */
  --shadow-0: rgba(0, 0, 0, 0.6) 0px 30px 60px -20px;
  --shadow-1: rgba(28, 22, 23, 0.12) 0px 1px 0px 0px;
  --shadow-2: rgba(0, 0, 0, 0.5) 0px 20px 50px -14px;

  /* ── Gradients ── */
  --gradient-0: linear-gradient(rgba(10, 8, 8, 0.55) 0%, rgba(10, 8, 8, 0.18) 34%, rgba(10, 8, 8, 0.32) 62%, rgba(10, 8, 8, 0.86) 100%);

  /* ── Spacing Scale ── */
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 8.5px;
  --space-10: 9px;
  --space-11: 10px;
  --space-12: 11px;
  --space-13: 12px;
  --space-14: 14px;
  --space-15: 16px;
  --space-16: 18px;
  --space-17: 20px;
  --space-18: 20.16px;
  --space-19: 22px;
  --space-20: 24px;
  --space-21: 26px;
  --space-22: 28px;
  --space-23: 30px;
  --space-24: 34px;
  --space-25: 40px;
  --space-26: 44px;
  --space-27: 56px;
  --space-28: 64px;
  --space-29: 86.4px;
  --space-30: 100px;
  --space-31: 110px;
  --space-32: 150px;
  --space-33: 170px;
  --space-34: 210px;

  /* ── Border Radius ── */
  --radius-0: 6px;
  --radius-1: 10px;
  --radius-2: 50%;
  --radius-3: 999px;

  /* ── Transitions ── */
  --transition-0: 0.4s cubic-bezier(0.2, 0.7, 0.1, 1);
  --transition-1: 0.6s cubic-bezier(0.2, 0.7, 0.1, 1);
  --transition-2: 0.3s, 0.3s ease, ease;
  --transition-3: 0.3s, 0.3s, 0.3s ease, ease, ease;

  /* ── Layout ── */
}