:root{
/* ---- base ink & paper ---- */
--ink-900:#000000;          /* primary text, borders, dark sections */
--ink-800:#0b0b0b;          /* side panel / overlay panel ground */
--ink-700:#111111;          /* mega-menu headings, scroll-to-top pill */
--ink-600:#302f2f;          /* inset field on dark ground */
--ink-500:#4d4d4d;          /* body copy */
--ink-400:#7f7f7f;          /* labels on dark ground */
--ink-300:#9b9b9b;          /* meta, hairlines, muted copy */
--ink-250:#999999;          /* info-item labels */
--paper:#ffffff;

/* ---- neutral surfaces & lines ---- */
--surface-tint:#f5f5f5;     /* tinted panel / tag / progress track */
--line-100:#f5f5f5;         /* softest hairline (blog card, footer top) */
--line-150:#F1F5F9;         /* service-card-3 hairline */
--line-200:#eeeeee;         /* mega-menu / portfolio-card hairline */
--line-250:#ececec;         /* info-item underline, number outline */
--line-300:#e5e5e5;         /* service-card-2 hairline */
--line-400:#9b9b9b;         /* strong hairline on list rows */

/* ---- brand accent ---- */
--accent:#f97316;           /* Contenia orange — the only chromatic colour */
--accent-deep:#F15A24;      /* deep orange, used only in the preloader orbit */
--accent-05:#f973160d;      /* 5%  — hover wash on menu rows */
--accent-09:#f9731617;      /* 9%  — ghost numeral fill */
--accent-08:#f9731614;      /* 8%  — cursor square fill */
--accent-35:rgba(241,90,36,.35);
--accent-60:#f9731699;      /* 60% — image hover veil */
--accent-75:#f97316bf;      /* 75% — service-card-3 image veil */

/* ---- overlays ---- */
--veil-ink-25:#00000040;    /* image darkening on hover */
--veil-ink-80:#000000cc;    /* video lightbox scrim */
--veil-white-06:#ffffff0f;  /* social chip on dark */
--veil-white-22:rgba(255,255,255,.22);
--veil-white-15:#ffffff26;

/* ---- semantic aliases ---- */
--text-heading:var(--ink-900);
--text-body:var(--ink-500);
--text-meta:var(--ink-300);
--text-inverse:var(--paper);
--text-accent:var(--accent);
--surface-page:var(--paper);
--surface-card:var(--paper);
--surface-panel:var(--surface-tint);
--surface-inverse:var(--ink-900);
--surface-overlay:var(--ink-800);
--border-default:var(--ink-900);
--border-soft:var(--line-100);
--border-hover:var(--accent);
--selection-bg:var(--accent);
--selection-fg:var(--paper);
}