/* ==========================================================================
   01-tokens.css — Goodman Dermatology design tokens
   --------------------------------------------------------------------------
   Single source of truth for color palette and global spacing variables.

   Replaces:
     - frontend/uncode-child/style.css:11-21      (--uncode-palette-color-*)
     - frontend/uncode-child/aqua.css:2099-2117   (--gd-* and gd-px / gd-py)

   Naming:
     --uncode-palette-color-*  retained for compatibility with existing rules
                               (and with Uncode's dynamic inline CSS).
     --gd-*                    semantic aliases pointing at the same hex values.

   Status: NOT yet enqueued by functions.php. See docs/audit/css-restructure-recipe.md
   ========================================================================== */

:root {
	/* ── Uncode palette (canonical) ──────────────────────────────────────── */
	--uncode-palette-color-210407: #96556E; /* Goodman Rose */
	--uncode-palette-color-589256: #252D30; /* Goodman Almost Black */
	--uncode-palette-color-154758: #E3F0F5; /* Goodman Light Blue Accent */
	--uncode-palette-color-916765: #286179; /* Goodman Medium Blue */
	--uncode-palette-color-206917: #FFFFFF; /* Goodman Almost White */
	--uncode-palette-color-169803: #F2F0ED; /* Goodman Light Tan */

	/* ── Goodman semantic aliases (point at the canonical Uncode palette) ── */
	--gd-rose:          var(--uncode-palette-color-210407);
	--gd-almost-black:  var(--uncode-palette-color-589256);
	--gd-light-blue:    var(--uncode-palette-color-154758);
	--gd-blue:          var(--uncode-palette-color-916765);
	--gd-almost-white:  var(--uncode-palette-color-206917);
	--gd-light-tan:     var(--uncode-palette-color-169803);

	/* ── Extended Goodman palette (only in --gd-* form today) ────────────── */
	--gd-blue-medium:   #063958;
	--gd-dark-gray:     #48575C;

	/* ── Border tints ─────────────────────────────────────────────────────── */
	--gd-border-dark:   rgba(21, 34, 41, 0.20);
	--gd-border-light:  rgba(245, 254, 254, 0.20);

	/* ── Section spacing ──────────────────────────────────────────────────── */
	--gd-px:            116px;  /* horizontal page padding */
	--gd-py:            120px;  /* vertical section padding */
}