/*
Theme Name:   ShaftCon Child
Theme URI:    https://shaftcon.co.za
Description:  Child theme of Hello Elementor for ShaftCon Holdings. Built by Watts Digital.
Author:       Watts Digital
Author URI:   https://wattsdigital.net
Template:     hello-elementor
Version:      0.1.0
Text Domain:  shaftcon-child
*/

/* PROPOSED palette (5 Oct 2026), drawn from the ShaftCon globe-and-arrows logo.
   Not approved yet: David has asked Helene whether the client wants a new look.
   The Elementor kit's global colours are the source of truth. These variables only
   mirror them for hand-written CSS. */
:root {
	--sc-teal: #17707E;        /* primary: logo teal, 5.7:1 on white */
	--sc-teal-dark: #0E4A54;   /* headings, footer */
	--sc-bronze: #5C3A0A;      /* logo bronze, secondary headings */
	--sc-amber: #C98A1B;       /* accent / CTA fill with charcoal text (5.5:1) */
	--sc-amber-dark: #8A5A0B;  /* amber as text on white (5.9:1) */
	--sc-cyan: #2AAFC0;        /* highlight on dark only */
	--sc-charcoal: #1B2125;    /* body text, dark bands */
	--sc-steel: #56626A;       /* secondary text */
	--sc-concrete: #F2F3F2;    /* light bands */
}

/* Visible keyboard focus everywhere (accessibility). */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--sc-amber);
	outline-offset: 2px;
}