/*
Theme Name: ikko
Theme URI: https://ikko.se
Description: The ikko child theme for ikko.se. GRUNDLAG-pure foundation: IBM Plex typography, the six-colour brand palette, and every derived tint, shade, border and surface computed with color-mix(in oklch). This file ships the design-token layer only — no page designs, no layouts.
Author: Konrad Persson
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ikko
*/

/* =====================================================================
   Design tokens
   ---------------------------------------------------------------------
   GRUNDLAG § 2: the six palette colours are the only source colours.
   Every derivation below is color-mix(in oklch, …) between palette
   colours only — Warm Ink stands in for "darker", Cream for "lighter".
   No colour outside the palette is ever introduced, and no sRGB math.
   ===================================================================== */

:root {
	/* ---- Palette (law — do not add to, do not alter) ---- */
	--ikko-warm-ink: #272016;
	--ikko-deep-teal: #1b576b;
	--ikko-sage: #a9c1bf;
	--ikko-cream: #f1eae0;
	--ikko-terracotta: #c16a54;
	--ikko-amaranth: #d83253;

	/* ---- Hover / active states (shade toward Warm Ink) ---- */
	--ikko-deep-teal-hover: color-mix(in oklch, var(--ikko-deep-teal), var(--ikko-warm-ink) 18%);
	--ikko-terracotta-hover: color-mix(in oklch, var(--ikko-terracotta), var(--ikko-warm-ink) 18%);
	--ikko-amaranth-hover: color-mix(in oklch, var(--ikko-amaranth), var(--ikko-warm-ink) 18%);
	--ikko-sage-hover: color-mix(in oklch, var(--ikko-sage), var(--ikko-warm-ink) 12%);

	/* ---- Subtle surfaces (tint toward Cream) ---- */
	--ikko-surface: var(--ikko-cream);
	--ikko-surface-teal: color-mix(in oklch, var(--ikko-deep-teal) 8%, var(--ikko-cream));
	--ikko-surface-sage: color-mix(in oklch, var(--ikko-sage) 22%, var(--ikko-cream));
	--ikko-surface-terracotta: color-mix(in oklch, var(--ikko-terracotta) 8%, var(--ikko-cream));
	--ikko-surface-amaranth: color-mix(in oklch, var(--ikko-amaranth) 8%, var(--ikko-cream));

	/* ---- Borders (Warm Ink into Cream) ---- */
	--ikko-border: color-mix(in oklch, var(--ikko-warm-ink) 15%, var(--ikko-cream));
	--ikko-border-strong: color-mix(in oklch, var(--ikko-warm-ink) 32%, var(--ikko-cream));

	/* ---- Text ---- */
	--ikko-text: var(--ikko-warm-ink);
	--ikko-text-muted: color-mix(in oklch, var(--ikko-warm-ink) 68%, var(--ikko-cream));

	/* ---- Focus ring ---- */
	--ikko-focus: color-mix(in oklch, var(--ikko-deep-teal) 62%, var(--ikko-cream));
}