/* Typefaces */
@import url('https://api.fontshare.com/v2/css?f[]=erode@400,500,600,700,400i,500i,600i,700i&f[]=supreme@400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* Palette — warm dark editorial */
    --bg:           #0c0b09;
    --bg-elev:      #14110d;
    --bg-glow:      radial-gradient(1100px 600px at 85% -10%, rgba(255, 107, 53, 0.07), transparent 60%);

    --ink:          #efe9dc;
    --ink-muted:    #948c80;
    --ink-faint:    #4a443c;

    --accent:       #ff6b35;
    --accent-soft:  rgba(255, 107, 53, 0.14);
    --accent-line:  rgba(255, 107, 53, 0.42);

    --rule:         rgba(239, 233, 220, 0.10);
    --rule-strong:  rgba(239, 233, 220, 0.22);

    /* Typography stacks */
    --font-display: "Erode", "Iowan Old Style", Georgia, serif;
    --font-sans:    "Supreme", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

    /* Type scale (fluid) */
    --step--2:   clamp(0.66rem, 0.62rem + 0.18vw, 0.74rem);
    --step--1:   clamp(0.78rem, 0.74rem + 0.2vw,  0.86rem);
    --step-0:    clamp(0.96rem, 0.9rem  + 0.25vw, 1.06rem);
    --step-1:    clamp(1.12rem, 1.04rem + 0.4vw,  1.25rem);
    --step-2:    clamp(1.4rem,  1.2rem  + 1vw,    1.75rem);
    --step-3:    clamp(2rem,    1.6rem  + 2vw,    3rem);
    --step-4:    clamp(3.25rem, 2rem    + 6vw,    6rem);
    --step-hero: clamp(4.25rem, 2.4rem  + 10vw,  11.5rem);

    /* Spacing & layout */
    --content-max: 1200px;
    --gutter: clamp(1.5rem, 5vw, 4rem);
    --section-gap: clamp(5rem, 10vw, 9rem);

    /* Motion */
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}