/* FontMaker.co - Design tokens (design "1b / Ink": dark editorial, indigo accent) */
:root {
    /* Accent (indigo) */
    --fmco-primary:        #7c3aed;
    --fmco-primary-hover:  #6d28d9;
    --fmco-primary-light:  #f3eefd;   /* accent-soft */
    --fmco-primary-lighter:#faf8ff;
    --fmco-accent-light:   #c4b5fd;   /* indigo-300, hero accent line on dark */

    /* Ink / neutrals (light site) */
    --fmco-ink:         #0c0c0e;      /* near-black: header, hero, footer */
    --fmco-text:        #0c0c0e;
    --fmco-text-medium: #71717a;      /* muted */
    --fmco-text-light:  #6b7280;      /* WCAG AA on white (~4.7:1) */
    --fmco-border:      #e8e8ec;      /* line */
    --fmco-border-light:#f0f0f2;

    /* Surfaces */
    --fmco-bg:        #ffffff;
    --fmco-bg-alt:    #fafafa;
    --fmco-bg-hover:  #f4f4f5;

    /* On-dark helpers */
    --fmco-on-dark:        #ffffff;
    --fmco-on-dark-muted:  rgba(255,255,255,.62);
    --fmco-on-dark-faint:  rgba(255,255,255,.10);

    /* Radii */
    --fmco-radius:       12px;
    --fmco-radius-sm:    9px;
    --fmco-radius-lg:    18px;
    --fmco-radius-xl:    24px;
    --fmco-radius-pill:  100px;

    /* Elevation */
    --fmco-shadow:       0 2px 8px rgba(0,0,0,.06);
    --fmco-shadow-hover: 0 8px 30px rgba(0,0,0,.12);
    --fmco-shadow-lg:    0 16px 48px rgba(0,0,0,.14);

    /* Motion */
    --fmco-transition: all .2s cubic-bezier(.4,0,.2,1);

    /* Spacing scale */
    --fmco-sp-xs: 4px;
    --fmco-sp-sm: 8px;
    --fmco-sp-md: 16px;
    --fmco-sp-lg: 24px;
    --fmco-sp-xl: 32px;
    --fmco-sp-2xl: 48px;
    --fmco-sp-3xl: 80px;

    /* Type */
    --fmco-body:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --fmco-display: "Bricolage Grotesque", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
    --fmco-mono:    ui-monospace, Menlo, "Cascadia Code", "Roboto Mono", Consolas, monospace;

    /* Layout */
    --fmco-container:  1080px;
    --fmco-narrow:     820px;
    --fmco-header-h:   64px;
}