:root{
/* Graphite neutrals — steel & shop-floor grays */
--gray-0:#ffffff;
--gray-50:#f4f5f6;
--gray-100:#e7e9eb;
--gray-200:#d2d6d9;
--gray-300:#aeb4b9;
--gray-400:#82898f;
--gray-500:#5c6367;
--gray-600:#41474b;
--gray-700:#2c3134;
--gray-800:#1c2022;
--gray-900:#101314;
--gray-950:#0a0c0d;

/* Ink — primary/structure color, sampled to the brand's black+red+white identity (no blue) */
--ink-900:#15171b;
--ink-800:#0d0e11;
--ink-700:#000000;
--surface-alt:#eef0f2;
--text-secondary:#5d6570;

/* Brand red — from the Haky Parts logo (maple leaf / accent bars), used sparingly for CTAs / highlights */
--red-50:#fce9ea;
--red-100:#f8c7c8;
--red-200:#f0888a;
--red-300:#e75558;
--red-400:#df2f33;
--red-500:#d71216;
--red-600:#b30f12;
--red-700:#8f0c0e;

/* WhatsApp green — functional color, WhatsApp CTA only */
--whatsapp-500:#25d366;
--whatsapp-600:#1ea952;
--whatsapp-700:#128c42;

/* Semantic */
--success-500:#2e9e5b;
--warning-500:#e0a400;
--danger-500:#c0392b;
--info-500:#2b6cb0;

/* Semantic aliases */
--bg-page:var(--gray-0);
--bg-surface:var(--gray-0);
--bg-sunken:var(--surface-alt);
--bg-inverse:var(--ink-900);
--bg-brand:var(--ink-900);
--bg-brand-strong:var(--ink-700);

--fg-1:var(--ink-900);
--fg-2:var(--text-secondary);
--fg-3:var(--gray-400);
--fg-inverse:var(--gray-0);
--fg-brand:var(--ink-900);
--fg-accent:var(--red-600);

--border-1:var(--gray-200);
--border-2:var(--gray-300);
--border-strong:var(--gray-500);

--action-primary:var(--ink-900);
--action-primary-hover:var(--ink-800);
--action-primary-active:var(--ink-700);
--action-accent:var(--red-500);
--action-accent-hover:var(--red-600);
--action-whatsapp:var(--whatsapp-500);
--action-whatsapp-hover:var(--whatsapp-600);
}