/* The Accra Handyman V2.7 – design tokens (one place for colour, type, space, radius, shadow).
 * Three product areas share these tokens and differ only by their "area" scope:
 *   .tah-area--customer  MyAccraHandyman      blue + yellow + white
 *   .tah-area--business  Accra Handyman for Business  navy + yellow + white
 *   .tah-area--admin     Admin / Operations   green + white (restrained supporting colours)
 * Colours are derived from the approved design-system board, not copied from pixels: contrast was chosen for WCAG AA
 * (body text >= 4.5:1, large text/UI >= 3:1). No external fonts are loaded: a system font stack keeps pages fast and private. */
:root{
	/* brand */
	--tahd-blue:#0b3d91;--tahd-blue-dark:#082c6b;--tahd-blue-light:#eaf2ff;--tahd-blue-mid:#2f62c4;
	--tahd-navy:#071a3b;--tahd-navy-soft:#10284f;
	--tahd-yellow:#ffc400;--tahd-yellow-dark:#e0ab00;--tahd-yellow-light:#ffe680;--tahd-yellow-tint:#fff8dc;
	--tahd-green:#0e7a4d;--tahd-green-dark:#0a5a39;--tahd-green-light:#e3f5ec;
	/* neutrals */
	--tahd-white:#fff;--tahd-grey-50:#f8fafc;--tahd-grey-100:#e5e7eb;--tahd-grey-200:#dbe1e8;--tahd-grey-300:#cbd5e1;--tahd-grey-500:#64748b;--tahd-grey-600:#475569;--tahd-grey-900:#0f172a;
	/* text */
	--tahd-ink:#0f172a;--tahd-muted:#475569;--tahd-line:#dbe1e8;--tahd-bg:#f8fafc;--tahd-surface:#fff;
	/* semantic (text colour on its own tint; pairs checked >= 4.5:1) */
	--tahd-ok:#0a5a39;--tahd-ok-bg:#dff5e9;
	--tahd-warn:#7a4b00;--tahd-warn-bg:#fff1cc;
	--tahd-danger:#b42318;--tahd-danger-bg:#fde8e6;
	--tahd-info:#0b3d91;--tahd-info-bg:#e3edff;
	--tahd-neutral:#334155;--tahd-neutral-bg:#eceff3;
	--tahd-purple:#5b2a9d;--tahd-purple-bg:#f0e7fb;
	/* focus ring: visible on blue, yellow, white and green surfaces */
	--tahd-focus:#1d4ed8;--tahd-focus-ring:0 0 0 3px #fff,0 0 0 5px #1d4ed8;
	/* shape */
	--tahd-radius-sm:6px;--tahd-radius:10px;--tahd-radius-lg:14px;--tahd-pill:999px;
	--tahd-shadow-1:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);
	--tahd-shadow-2:0 4px 14px rgba(15,23,42,.10);
	/* spacing: 8px base */
	--tahd-s1:4px;--tahd-s2:8px;--tahd-s3:12px;--tahd-s4:16px;--tahd-s5:24px;--tahd-s6:32px;--tahd-s7:48px;
	/* type */
	--tahd-font:Inter,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
	--tahd-font-body:Lato,Inter,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
	--tahd-h1:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);--tahd-h2:clamp(1.3rem,1.1rem + .8vw,2rem);--tahd-h3:1.5rem;--tahd-h4:1.25rem;--tahd-h5:1.125rem;
	--tahd-body:1rem;--tahd-small:.875rem;--tahd-caption:.75rem;
	/* Ghanaian geometric accent (original, used sparingly on hero/header/banner surfaces only; never behind tables, forms or money) */
	--tahd-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23ffc400' stroke-opacity='.28' stroke-width='1.5'%3E%3Cpath d='M24 4l20 20-20 20L4 24z'/%3E%3Cpath d='M24 14l10 10-10 10-10-10z'/%3E%3Cpath d='M0 0l8 8M48 0l-8 8M0 48l8-8M48 48l-8-8'/%3E%3C/g%3E%3C/svg%3E");
}
.tah-area--customer{--tahd-primary:var(--tahd-blue);--tahd-primary-dark:var(--tahd-blue-dark);--tahd-primary-light:var(--tahd-blue-light);--tahd-on-primary:#fff;--tahd-accent:var(--tahd-yellow);--tahd-on-accent:var(--tahd-navy)}
.tah-area--business{--tahd-primary:var(--tahd-navy);--tahd-primary-dark:#040f24;--tahd-primary-light:#e8edf6;--tahd-on-primary:#fff;--tahd-accent:var(--tahd-yellow);--tahd-on-accent:var(--tahd-navy)}
.tah-area--admin{--tahd-primary:var(--tahd-green);--tahd-primary-dark:var(--tahd-green-dark);--tahd-primary-light:var(--tahd-green-light);--tahd-on-primary:#fff;--tahd-accent:var(--tahd-green);--tahd-on-accent:#fff}