/*
 * Design tokens — Nukon identity.
 * Mirror every palette/type change into theme.json (editor) and editor-style.css.
 */

:root {
	/* Brand */
	--myco-color-primary: #ff4900;
	--myco-color-primary-soft: #ff3d00;
	--myco-color-primary-dark: #d63d00;
	--myco-color-accent: #ff4900;
	--myco-color-accent-2: #3c3a3a;

	/* Surfaces */
	--myco-color-bg: #ffffff;
	--myco-color-surface: #f8f5f4;
	--myco-color-surface-strong: #f4f4f7;
	--myco-color-surface-dark: #222222;

	/* Ink */
	--myco-color-text: #3c3a3a;
	--myco-color-heading: #222222;
	--myco-color-muted: #7a7a7a;
	--myco-color-border: rgba(34, 34, 34, 0.12);
	--myco-color-border-strong: rgba(34, 34, 34, 0.24);

	/* Semantic states (forms, notices) */
	--myco-color-success: #2f7d5d;
	--myco-color-danger: #a13d3d;
	--myco-color-white: #ffffff;

	/* Type */
	--myco-font-sans: "Jost", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	--myco-font-body: "Poppins", "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
	--myco-font-size-xs: 0.75rem;
	--myco-font-size-sm: 0.875rem;
	--myco-font-size-base: 1rem;
	--myco-font-size-lg: 1.125rem;
	--myco-font-size-xl: 1.375rem;
	--myco-font-size-2xl: 1.75rem;
	--myco-font-size-3xl: 2.25rem;
	--myco-font-size-4xl: 3rem;
	--myco-line-height: 1.7;
	--myco-line-height-tight: 1.2;
	--myco-letter-wide: 0.08em;

	/* Layout */
	--myco-container: 1180px;
	--myco-container-wide: 1360px;
	--myco-container-content: 760px;

	/* Fixed sidebar header (front page) */
	--myco-sidebar-width: 250px;
	--myco-sidebar-narrow: 80px;
	--myco-header-height: 72px;

	/* Spacing */
	--myco-space-2xs: 0.25rem;
	--myco-space-xs: 0.5rem;
	--myco-space-sm: 0.75rem;
	--myco-space-md: 1rem;
	--myco-space-lg: 1.5rem;
	--myco-space-xl: 2rem;
	--myco-space-2xl: 3rem;
	--myco-space-3xl: 4.5rem;
	--myco-space-4xl: 6rem;

	/* Radius — Nukon uses square edges */
	--myco-radius-sm: 0;
	--myco-radius-md: 0;
	--myco-radius-lg: 0;
	--myco-radius-xl: 0;

	--myco-shadow-soft: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	--myco-shadow-card: 0 6px 18px rgba(34, 34, 34, 0.06);

	--myco-z-header: 50;
	--myco-z-menu: 60;

	--myco-transition: 300ms ease-in-out;
}