/* Hallmark · tokens · EZOR
 * genre: editorial (loud / tactile register)
 * theme: two-value system. Black and cream. Nothing else.
 * axes: dark paper-band / display-heavy / neutral accent-hue (no chromatic accent)
 */

:root {
    /* Black side — the default surface */
    --color-paper:        #000000;
    --color-paper-2:      #0E0E0E;
    --color-paper-3:      #1C1C1C;

    --color-ink:          #F3E9DC;
    --color-ink-2:        #C9C2B8;
    --color-muted:        #948C82;

    /* Cream side — applied by .flip on alternating bands and paper objects */
    --flip-paper:         #F3E9DC;
    --flip-paper-2:       #FFFFFF;
    --flip-paper-3:       #E8DDCE;
    --flip-ink:           #000000;
    --flip-ink-2:         #3A3733;
    --flip-muted:         #6B655D;

    /* No chromatic accent. Emphasis is carried by inversion. */
    --color-accent:       var(--color-ink);
    --color-accent-ink:   var(--color-paper);
    --color-focus:        #F3E9DC;
    --color-focus-flip:   #000000;
    --color-rule:         var(--color-ink);

    /* Type — display matches the EZOR wordmark */
    --font-display: "Cabinet Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-body:    "Inter", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;
    --weight-display: 800;
    --font-outlier: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Scale */
    --text-xs:        0.75rem;
    --text-sm:        0.875rem;
    --text-base:      1rem;
    --text-md:        1.125rem;
    --text-lg:        1.375rem;
    --text-xl:        1.75rem;
    --text-2xl:       2.25rem;
    --text-3xl:       3rem;
    --text-4xl:       3.75rem;
    --text-display:   clamp(2.25rem, 3.9vw + 0.4rem, 4.15rem);
    --text-display-s: clamp(2rem, 3.4vw + 0.75rem, 3.5rem);

    /* 4pt spacing */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs:  0.75rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2rem;
    --space-xl:  3rem;
    --space-2xl: 4.5rem;
    --space-3xl: 7rem;

    /* Signature: hard offset, zero blur */
    --border-hard:    2px solid var(--color-ink);
    --shadow-hard:    4px 4px 0 0 var(--color-ink);
    --shadow-hard-sm: 3px 3px 0 0 var(--color-ink);
    --shadow-hard-lg: 6px 6px 0 0 var(--color-ink);

    /* Motion */
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-micro:   120ms;
    --dur-short:   220ms;
    --dur-long:    420ms;

    /* Structure */
    --rule-hair:    1px;
    --page-gutter:  clamp(1.25rem, 4vw, 4rem);
    --page-max:     1360px;
    --measure:      62ch;
    --nav-h:        68px;

    --z-base: 0;
    --z-raised: 10;
    --z-nav: 40;
}