/**
 * AGL semantic design tokens
 *
 * Primitive source of truth: parent theme `glozin/assets/css/base.css` (`--gz-*`).
 * This file is the semantic tier — intent names that reference primitives.
 * Journal-only component tokens stay in `journal-tokens.css`.
 *
 * Rule: new child CSS uses these names, not raw hex/px, and not parent
 * primitives directly. See glozin-child/docs/design-system/tokens.md.
 */

:root {
	/* --- Primitive extensions (not in parent Glozin palette) ---------------- */
	--gz-color-near-black: #1a1a1a;
	--gz-color-dim: #666666;
	--gz-color-mid-grey: #999999;
	--gz-color-hairline: #e8e8e8;
	--gz-color-ink-warm: #171714;
	--gz-color-paper-warm: #f1eee7;
	--gz-color-wall: #e8e2d6;
	--gz-color-muted-warm: #6f6960;
	--gz-color-line-warm: #d4cdc0;
	--gz-color-gold: #9b7a46;
	--gz-color-agl-red: #aa0303;

	/* --- Color · text ------------------------------------------------------- */
	--gz-color-text: var(--gz-color-dark);
	--gz-color-text-secondary: var(--gz-color-base);
	--gz-color-text-muted: var(--gz-color-grey);
	--gz-color-text-subtle: var(--gz-color-mid-grey);
	--gz-color-text-dim: var(--gz-color-dim);
	--gz-color-text-inverse: var(--gz-color-light);

	/* --- Color · surface / border / action --------------------------------- */
	--gz-color-surface: var(--gz-color-light);
	--gz-color-surface-subtle: var(--gz-color-light-grey);
	--gz-color-border-subtle: var(--gz-color-hairline);
	--gz-color-action: var(--gz-color-primary);
	--gz-color-action-hover: var(--gz-link-color-hover);
	--gz-color-danger: var(--gz-color-agl-red);
	--gz-focus-ring: var(--gz-color-dark);

	/* Alias: child CSS historically used --gz-body-font-family; parent is --gz-body-font */
	--gz-body-font-family: var(--gz-body-font);

	/* --- Type roles --------------------------------------------------------- */
	--gz-font-display: "Cormorant Garamond", Georgia, serif;
	--gz-font-quote: Georgia, "Times New Roman", serif;
	--gz-leading-prose: 1.8;
	--gz-leading-tight: 1.2;
	--gz-leading-snug: 1.35;
	--gz-tracking-eyebrow: 0.14em;
	--gz-tracking-tight: -0.02em;
	--gz-tracking-display: -0.005em;

	/* --- Space (4px base) --------------------------------------------------- */
	--gz-space-1: 4px;
	--gz-space-2: 8px;
	--gz-space-3: 12px;
	--gz-space-4: 16px;
	--gz-space-5: 20px;
	--gz-space-6: 24px;
	--gz-space-8: 32px;
	--gz-space-10: 40px;
	--gz-space-12: 48px;
	--gz-space-16: 64px;
	--gz-space-24: 96px;

	/* --- Radius · motion ---------------------------------------------------- */
	--gz-radius-editorial: 2px;
	--gz-ease-standard: cubic-bezier(0.3, 1, 0.3, 1);
	--gz-ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
}

/*
 * NOW hub — warm gallery theme.
 * Remaps semantic tokens only. Legacy --ink/--paper in now-*.css still work;
 * new NOW CSS should use the --gz-color-* names below.
 */
body.agl-now-hub {
	--gz-color-text: var(--gz-color-ink-warm);
	--gz-color-text-secondary: var(--gz-color-muted-warm);
	--gz-color-text-muted: var(--gz-color-muted-warm);
	--gz-color-surface: var(--gz-color-paper-warm);
	--gz-color-surface-subtle: var(--gz-color-wall);
	--gz-color-border-subtle: var(--gz-color-line-warm);
	--gz-color-action: var(--gz-color-gold);
	--gz-color-action-hover: var(--gz-color-ink-warm);
	--gz-focus-ring: var(--gz-color-ink-warm);
	--gz-body-font-family: Manrope, system-ui, sans-serif;
}