/*
Theme Name:   NeighboursPhone (Kadence Child)
Theme URI:    https://neighboursphone.com
Description:  Child theme of Kadence for neighboursphone.com. Holds the brand colours, the logo, and the small pieces of code that must survive Kadence updates. Customise Kadence itself in Appearance > Customize as usual.
Author:       NeighboursPhone
Template:     kadence
Version:      0.0.1
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  neighboursphone-child
*/

/* Brand colours and sizes live in assets/tokens.css, so the plugin can share them.
   Only small, site-wide touches go here. Keep it short. */

/* Easy to tap: links and buttons never smaller than 44px tall on touch screens. */
@media (pointer: coarse) {
	.button, .wp-block-button__link, input[type="submit"], .kb-button {
		min-height: 44px;
	}
}

/* A clear keyboard focus ring in the brand amber. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 3px solid var(--np-amber);
	outline-offset: 2px;
}

/* Utility classes for the editor: add as "Additional CSS class". */
.np-text-amber { color: var(--np-amber-text); }
.np-bg-soft { background: var(--np-bg); }
.np-bg-teal { background: var(--np-teal); color: #fff; }
.np-bg-amber { background: var(--np-amber); color: var(--np-text); }
.np-promise { font-weight: 700; color: var(--np-amber-text); }

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; }
}