/*
 * IW8 Design System — web tokens.
 * Source of truth: IW8-Grupo-Construmaq/iw8-design-systen.
 */

:root {
	--iw8-laranja: #F25C05;
	--iw8-chumbo: #2E3134;
	--iw8-preto: #141516;
	--iw8-cinza: #6E7377;
	--iw8-branco: #F2F1EE;

	--iw8-l-base: #F2F1EE;
	--iw8-l-panel: #FAF9F7;
	--iw8-l-raised: #EFEDE7;
	--iw8-l-sunken: #E9E7E1;
	--iw8-l-line: #D3D1C8;
	--iw8-l-line-2: #E2E0D9;

	--iw8-l-ink-1: #141516;
	--iw8-l-ink-2: #5B6064;
	--iw8-l-ink-3: #7E8388;

	--iw8-deep: #141518;
	--iw8-panel: #1F2226;
	--iw8-raised: #191B1E;
	--iw8-line: #383D43;
	--iw8-line-2: #2E3338;
	--iw8-light: #ECEAE4;
	--iw8-ink-1: #ECEAE4;
	--iw8-ink-2: #8B9198;
	--iw8-ink-3: #6B7178;

	--iw8-danger: #E5484D;

	--surface-base: var(--iw8-l-base);
	--surface-deep: var(--iw8-l-sunken);
	--surface-panel: var(--iw8-l-panel);
	--surface-raised: var(--iw8-l-raised);
	--surface-light: var(--iw8-branco);
	--surface-inverse: var(--iw8-chumbo);
	--text-on-inverse: var(--iw8-light);
	--border: var(--iw8-l-line);
	--border-subtle: var(--iw8-l-line-2);
	--text-primary: var(--iw8-l-ink-1);
	--text-secondary: var(--iw8-l-ink-2);
	--text-muted: var(--iw8-l-ink-3);
	--text-on-orange: var(--iw8-preto);
	--accent: var(--iw8-laranja);
	--danger: var(--iw8-danger);

	--font-display: 'Archivo', system-ui, sans-serif;
	--font-body: 'Archivo', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, monospace;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-9: 36px;
	--space-12: 48px;
	--space-14: 56px;
	--space-18: 72px;

	--radius-none: 0;
	--radius-1m: 6px;
	--hair: 1px;
}

[data-theme="dark"],
.iw8-theme-dark {
	--surface-base: var(--iw8-chumbo);
	--surface-deep: var(--iw8-deep);
	--surface-panel: var(--iw8-panel);
	--surface-raised: var(--iw8-raised);
	--surface-light: var(--iw8-branco);
	--surface-inverse: var(--iw8-branco);
	--text-on-inverse: var(--iw8-preto);
	--border: var(--iw8-line);
	--border-subtle: var(--iw8-line-2);
	--text-primary: var(--iw8-ink-1);
	--text-secondary: var(--iw8-ink-2);
	--text-muted: var(--iw8-ink-3);
}