/* Heymake design tokens · light mode on white · every text color passes WCAG AA on white */
:root {
    /* ---- Heymake tokens (light, on white) ---- */
    --hm-ink: #1E1B2E;
    --hm-ink-2: #5C5670;
    --hm-ink-3: #8A8497;
    --hm-white: #FFFFFF;
    --hm-surface: #F6F4FB;
    --hm-border: #E3DFEC;
    --hm-border-strong: #B4AEC4;

    --hm-action: #7A5AF8;
    --hm-action-hover: #5A33F6;
    --hm-action-tint: #E7E2FE;
    --hm-action-on-tint: #6642F7;
    --hm-focus: #7A5AF8;

    --hm-sun: #FFC531;
    --hm-teal: #14B8A6;
    --hm-sky: #1FA3FF;
    --hm-berry: #F04E98;

    --hm-designer: #DF1370;  --hm-designer-fill: #F04E98;  --hm-designer-tint: #FDE3EE;
    --hm-developer: #0077CA; --hm-developer-fill: #1FA3FF; --hm-developer-tint: #E0F0FF;
    --hm-client: #198454;    --hm-client-fill: #22B573;    --hm-client-tint: #E5FAF1;

    --hm-success: #188051;   --hm-success-tint: #E5FAF1;
    --hm-warning: #926900;   --hm-warning-tint: #FFF6E0;
    --hm-error: #CD1A2A;     --hm-error-tint: #FDE3E3;
    --hm-info: #006AD4;      --hm-info-tint: #E0F0FF;

    --hm-font-display: 'Outfit', 'Avenir Next', 'Segoe UI', sans-serif;
    --hm-font-body: 'Figtree', 'Avenir Next', 'Segoe UI', sans-serif;
    --hm-font-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

    --hm-radius-sm: 4px;
    --hm-radius-md: 8px;
    --hm-radius-lg: 16px;
    --hm-radius-xl: 28px;
    --hm-radius-pill: 999px;

    --hm-space-1: 8px;  --hm-space-2: 16px; --hm-space-3: 24px; --hm-space-4: 32px;
    --hm-space-5: 40px; --hm-space-6: 48px; --hm-space-7: 64px; --hm-space-8: 96px;

    --hm-shadow-1: 0 1px 2px rgba(30, 27, 46, 0.06), 0 4px 12px -4px rgba(30, 27, 46, 0.12);
    --hm-shadow-2: 0 2px 4px rgba(30, 27, 46, 0.06), 0 12px 32px -8px rgba(30, 27, 46, 0.22);
    --hm-shadow-3: 0 4px 8px rgba(30, 27, 46, 0.08), 0 24px 64px -12px rgba(30, 27, 46, 0.32);
    --hm-shadow-drag: 0 8px 16px rgba(30, 27, 46, 0.10), 0 32px 64px -8px rgba(30, 27, 46, 0.36);
    --hm-shadow-card: var(--hm-shadow-1);
    --hm-control-h: 40px;
  }