/*
Theme Name:   SWC Astra Child
Template:     astra
Description:  Serving with Care brand tokens and overrides on top of Astra.
Version:      0.7.0
Text Domain:  swc-astra-child
*/

/* ─────────────────────────────────────────────────────────────────────
   The brand token layer now lives in assets/ds/ (styles.css + tokens/*),
   ported verbatim from the Claude Design design-system export so it stays
   easy to re-sync. This file is intentionally thin: it only provides
   backward-compat aliases so any older markup that still references the
   original --swc-color-* / --swc-font-* variable names keeps resolving to
   the new design-system tokens.
   ───────────────────────────────────────────────────────────────────── */
:root {
	/* Legacy color aliases → design-system tokens */
	--swc-color-navy: var( --swc-navy );
	--swc-color-blue: var( --swc-blue );
	--swc-color-sky: var( --swc-sky );
	--swc-color-pale-sky: var( --swc-pale-sky );
	--swc-color-forest: var( --swc-forest );
	--swc-color-green: var( --swc-green );
	--swc-color-mint: var( --swc-mint );
	--swc-color-ink: var( --color-ink );
	--swc-color-accent: var( --color-accent );
	--swc-color-surface: var( --surface-card );
	--swc-border-color: var( --border-color );

	/* Legacy font/layout aliases → design-system tokens */
	--swc-font-heading: var( --font-display );
	--swc-font-body: var( --font-body );
	--swc-content-width: var( --content-width );
	--swc-radius: var( --radius );
	--swc-space-sm: var( --space-sm );
	--swc-space-md: var( --space-md );
	--swc-space-lg: var( --space-lg );
	--swc-space-xl: var( --space-xl );
}