/* V2 "Midnight Editorial Tech". Paleta: preto, dourado, branco e cinza. Escala Fibonacci (3 5 8 13 21 34 55 89 144 px). */
@layer reset, tokens, base, layout, components, pages, motion, utilities;

@layer tokens {
  :root {
    color-scheme: dark;

    /* cor: neutros puros + dourado */
    --black: #000;
    --ink-1: #060606;
    --ink-2: #0d0d0d;
    --ink-3: #151515;
    --white: #fff;
    --gray-1: #d6d6d6;
    --gray-2: #a3a3a3;
    --gray-3: #8a8a8a;
    --gold: #c9a45c;
    --gold-hi: #e8cf96;
    --gold-lo: #8f7236;
    --line: rgb(255 255 255 / .14);
    --line-gold: rgb(201 164 92 / .5);

    /* espacamento Fibonacci */
    --s-1: .1875rem;
    --s-2: .3125rem;
    --s-3: .5rem;
    --s-4: .8125rem;
    --s-5: 1.3125rem;
    --s-6: 2.125rem;
    --s-7: 3.4375rem;
    --s-8: 5.5625rem;
    --s-9: 9rem;
    --gutter: clamp(1.3125rem, 5.2vw, 5.5625rem);
    --sec-y: clamp(3.4375rem, 9vw, 7.5rem);
    --header-h: clamp(3.8125rem, 6vw, 5rem);

    /* tipografia */
    --f-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --f-mono: "Montserrat", system-ui, sans-serif;
    --t-xs: clamp(.6875rem, .66rem + .1vw, .75rem);
    --t-sm: clamp(.8125rem, .79rem + .12vw, .9rem);
    --t-md: clamp(1rem, .96rem + .2vw, 1.125rem);
    --t-lg: clamp(1.0625rem, 1rem + .4vw, 1.3125rem);
    --t-xl: clamp(1.25rem, 1rem + 1.2vw, 2rem);
    --t-2xl: clamp(1.7rem, 1rem + 2.6vw, 3.25rem);
    --t-3xl: clamp(2rem, .9rem + 4vw, 4.75rem);
    --t-hero: clamp(1.9rem, .9rem + 3.1vw, 4.1rem);
    --t-num: clamp(3.5rem, 1rem + 9vw, 10rem);

    --r: .5rem;
    --r-lg: 1.3125rem;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --ease-io: cubic-bezier(.65, 0, .35, 1);
    --measure: 62ch;
  }
}