/* ==========================================================================
   01-tokens.css — Sunrise Dermatology design tokens
   --------------------------------------------------------------------------
   Single source of truth for color palette, typography stack, shadows,
   and global spacing variables.

   Source: reports/figma-style-guide.md §8 (canonical Figma extract).

   Naming:
     --uncode-palette-color-XXXXXX   CANONICAL — must match the Unique Color
                                     IDs in Uncode Theme Options exactly.
                                     Uncode emits dynamic inline CSS keyed on
                                     these names; renaming will break palette
                                     bindings on every WPBakery row.
     --sd-*                          Semantic aliases pointing at the same
                                     hex values. Safe to rename / extend.

   Font loading:
     Mona Sans is registered in Uncode Theme Options -> Font Manager
     (Unique Font ID: font-131137, weights 200-900 + italics). Uncode emits
     the Google Fonts <link> tag automatically. We DO NOT @import or enqueue
     Google Fonts from this child theme — that would duplicate the load.
   ========================================================================== */

:root {
	/* ── Sunrise palette (canonical, mapped to Uncode IDs) ────────────────── */
	--uncode-palette-color-213373: #114671; /* Sunrise - Blue Gray  */
	--uncode-palette-color-966107: #fcfaf7; /* Sunrise - White      */
	--uncode-palette-color-160728: #f0f0f0; /* Sunrise - Light Gray */
	--uncode-palette-color-237504: #b9dbeb; /* Sunrise - Light Blue */
	--uncode-palette-color-118909: #216ca2; /* Sunrise - Blue       */
	--uncode-palette-color-vyce:   #ffd154; /* Sunrise - Yellow     */
	--uncode-palette-color-210407: #ee7f00; /* Sunrise - Orange     */

	/* ── Sunrise semantic aliases ─────────────────────────────────────────── */
	--sd-blue-gray:  var(--uncode-palette-color-213373);
	--sd-white:      var(--uncode-palette-color-966107);
	--sd-light-gray: var(--uncode-palette-color-160728);
	--sd-light-blue: var(--uncode-palette-color-237504);
	--sd-blue:       var(--uncode-palette-color-118909);
	--sd-yellow:     var(--uncode-palette-color-vyce);
	--sd-orange:     var(--uncode-palette-color-210407);

	/* ── Border tints (raw rgba — no Uncode slot per spec §2) ─────────────── */
	--sd-border-on-light: rgba(0, 0, 0, 0.20);
	--sd-border-on-dark:  rgba(255, 255, 255, 0.20);

	/* ── Translucent component fills (dropdowns, time-slot cards) ─────────── */
	--sd-fill-translucent: rgba(255, 255, 255, 0.20);

	/* ── Type stack ────────────────────────────────────────────────────────
	      All three tiers resolve to "Mona Sans" — Uncode's Font Manager
	      loads the regular-width static cuts (font-131137), and we enqueue
	      the variable cut at wdth=75 from Google Fonts v2 (see sd_enqueue_…
	      in functions.php). Display + headings pick the condensed face by
	      setting `font-stretch: 75%` on the rule (see global rule in
	      03-typography.css under "Display/Heading stretch"). Body inherits
	      the default 100% stretch and lands on Uncode's normal-width cut. */
	--sd-font-display: "Mona Sans", system-ui, sans-serif;
	--sd-font-heading: "Mona Sans", system-ui, sans-serif;
	--sd-font-body:    "Mona Sans", system-ui, sans-serif;

	/* ── Shadows (figma-style-guide §4) ───────────────────────────────────── */
	--sd-shadow-md:
		0 1px 1px 0 rgba(0, 0, 0, 0.12),
		0 0 0 1px rgba(103, 110, 118, 0.16),
		0 2px 5px 0 rgba(103, 110, 118, 0.08);

	/* ── Section spacing
	      UNCONFIRMED — placeholders carried from Goodman's bundle until the
	      Sunrise homepage frame (4531-8401) is extracted in Phase 3.2. ────── */
	--sd-px: 116px; /* horizontal page padding */
	--sd-py: 120px; /* vertical section padding */
}