/**
 * Design tokens.
 *
 * Loaded on the front end AND inside the block editor, so both sides read
 * the same values. Change a colour here and it changes everywhere — nothing
 * else in the theme hard-codes a hex.
 */

:root,
.editor-styles-wrapper {
	/* Facade palette */
	--ct-red: #BE3B2B;
	--ct-amber: #E39A2D;
	--ct-blue: #23559C;
	--ct-green: #37704E;

	/* Surfaces */
	--ct-sand: #F5EFE3;
	--ct-card: #FCF8EF;
	--ct-rule: #E4DCCB;

	/* Text. ink-muted is the lightest tone that still clears WCAG AA
	   (4.9:1) on sand, which the old value did not. */
	--ct-ink: #16130E;
	--ct-ink-70: #4A4336;
	--ct-ink-45: #6E6656;
	--ct-ink-muted: #6E6656;
	--ct-on-dark: #F5EFE3;
	--ct-on-dark-70: #CFC6B4;

	/* Type */
	--ct-display: 'Bricolage Grotesque', 'Archivo', system-ui, sans-serif;
	--ct-body: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--ct-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

	/* Metrics */
	--ct-wrap: 1200px;
	--ct-content: 70ch;
	--ct-radius: 12px;
	--ct-border: 3px;
	--ct-gutter: 28px;

	/* The striped "no image yet" fill */
	--ct-stripes: repeating-linear-gradient(45deg, #EDE4D2 0 14px, #E4D9C3 14px 28px);
}