/*
 * Help Nagaland Child — variables.css
 *
 * Additional design tokens beyond the brand palette already defined
 * in style.css. These are namespaced as `--hnc-` custom properties and
 * cascade from :root so every subsequent stylesheet can use them.
 *
 * This file is loaded after style.css so later overrides here are safe.
 */

:root {
	/* Spacing scale */
	--hnc-space-1:  0.25rem;
	--hnc-space-2:  0.5rem;
	--hnc-space-3:  0.75rem;
	--hnc-space-4:  1rem;
	--hnc-space-5:  1.5rem;
	--hnc-space-6:  2rem;
	--hnc-space-7:  3rem;
	--hnc-space-8:  4rem;
	--hnc-space-9:  6rem;

	/* Motion */
	--hnc-ease:      cubic-bezier(0.2, 0.7, 0.3, 1);
	--hnc-duration:  180ms;

	/* Layering */
	--hnc-z-dropdown: 100;
	--hnc-z-header:   120;
	--hnc-z-modal:    200;
	--hnc-z-toast:    300;
	--hnc-z-skip:     9999;

	/* Semantic aliases (map brand tokens to role-based names) */
	--hnc-surface:          var(--hnc-bg);
	--hnc-surface-elevated: var(--hnc-bg-elev);
	--hnc-surface-card:     var(--hnc-bg-card);
	--hnc-text:             var(--hnc-fg);
	--hnc-text-muted:       var(--hnc-fg-muted);
	--hnc-text-subtle:      var(--hnc-fg-subtle);
	--hnc-accent:           var(--hnc-green);
	--hnc-accent-hover:     var(--hnc-green-hover);
	--hnc-danger:           var(--hnc-red);
	--hnc-warning:          var(--hnc-amber);
	--hnc-info:             var(--hnc-blue);
}