/*
 * Design tokens for inntek-child.
 * Palette colors are defined once in inc/tokens.json and output by Kadence as
 * --global-paletteN; the --inntek-* aliases below must not repeat the hex values.
 */

@layer inntek {
	:root {
		/* Palette (Kadence Global Palette, see inc/tokens.json) */
		--inntek-brand: var(--global-palette1);
		--inntek-brand-strong: var(--global-palette2);
		--inntek-ink: var(--global-palette3);
		--inntek-text: var(--global-palette4);
		--inntek-muted: var(--global-palette5);
		--inntek-line: var(--global-palette6);
		--inntek-brand-soft: var(--global-palette7);
		--inntek-bg-alt: var(--global-palette8);
		--inntek-bg: var(--global-palette9);
		--inntek-ok: var(--global-palette11);
		--inntek-err: var(--global-palette13);

		/* Supporting colors (prototype :root) */
		--inntek-brand-tint: #f4f9fd;
		--inntek-line-strong: #ccd8e3;
		--inntek-teal: #0b7a7a;
		--inntek-bizgo: #e0531c;
		--inntek-bezel: #18232f;
		--inntek-zalo: #0068ff;
		/* 006: product page hero, kiosk */
		--inntek-page-hero-bg: #f7fafd;
		--inntek-shade: #000000;
		--inntek-shadow-tone: #0c2846;
		--inntek-grid-tone: #0c3c6e;
		--inntek-kiosk-front: #e6edf4;
		--inntek-kiosk-back: #b8c7d5;
		--inntek-kiosk-side: #c7d4e0;
		--inntek-kiosk-top: #eef3f8;
		--inntek-kiosk-shade: #afc0cf;
		--inntek-kiosk-shade-light: #c9d5e0;
		--inntek-kiosk-screen: #0c2a44;
		--inntek-kiosk-screen-text: #eaf2f9;
		--inntek-kiosk-screen-edge: #15222e;
		--inntek-kiosk-screen-muted: #a9c4da;
		--inntek-kiosk-accent: #8cc9f1;
		--inntek-kiosk-button: #4aa8e6;
		--inntek-kiosk-button-text: #06131f;
		--inntek-kiosk-slot: #26323d;
		--inntek-kiosk-reader: #dde5ed;
		/* 007: blog */
		--inntek-blog-head-end: #eef5fb;
		--inntek-callout-line: #d6e7f5;
		--inntek-cta-line: #c9d6e3;
		--inntek-notary: #0b4f7a;
		--inntek-notary-tint: #eef4f8;
		--inntek-teal-tint: #eef8f8;
		--inntek-bizgo-strong: #c2410c;
		--inntek-bizgo-mark: #f05a22;
		--inntek-bizgo-tint: #fff8f4;

		/* Hero background and device chrome (prototype hero) */
		--inntek-hero-bg-1: #eef5fb;
		--inntek-hero-bg-2: #f3f8fc;
		--inntek-hero-bg-3: #f7fafd;
		--inntek-hero-bg-4: #f8fbfe;
		--inntek-tv-bezel: #0f151c;
		--inntek-device-metal-light: #dde4eb;
		--inntek-device-metal-mid: #c9d3dd;
		--inntek-device-metal: #b9c5d1;
		--inntek-device-metal-dark: #aebbc8;

		/* Typography */
		--inntek-font: "Be Vietnam Pro", "Be Vietnam Pro Fallback", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;
		--inntek-mono: "JetBrains Mono", ui-monospace, menlo, monospace;

		/* Radius */
		--inntek-r-sm: 8px;
		--inntek-r-md: 12px;
		--inntek-r-lg: 16px;
		--inntek-r-xl: 24px;
		--inntek-r-pill: 999px;

		/* Layout */
		--inntek-wrap: 1280px;
		--inntek-wide: 1440px;
		--inntek-gutter: clamp(16px, 4vw, 48px);

		/* Elevation */
		--inntek-shadow: 0 2px 6px rgb(12 40 70 / 5%), 0 18px 40px rgb(12 60 110 / 8%);
		--inntek-shadow-lift: 0 4px 10px rgb(12 40 70 / 6%), 0 28px 56px rgb(14 90 150 / 14%);

		/* Stacking */
		--inntek-z-fab: 40;
		--inntek-z-sticky: 45;
		--inntek-z-header: 50;
		--inntek-z-drawer: 70;
	}
}