/* Nomica design tokens v0.2 — PM duyệt làm nền 2026-10-25; màu A1 chờ chủ dự án. Sinh từ scripts/build_tokens.py, không sửa tay. */
/* Dùng: <html data-age="primary|middle|high" data-theme="light|dark" [data-surface="teacher|admin"]> */

:root {
  --nm-blue-50: #EEF1FF;
  --nm-blue-100: #DFE4FF;
  --nm-blue-200: #C3CCFE;
  --nm-blue-300: #A1AEFB;
  --nm-blue-400: #7D8CF6;
  --nm-blue-500: #5B6CEF;
  --nm-blue-600: #4152D8;
  --nm-blue-700: #3342B6;
  --nm-blue-800: #2A3591;
  --nm-blue-900: #212A6D;
  --nm-mint-50: #E7FAF4;
  --nm-mint-100: #C5F1E4;
  --nm-mint-200: #90E3CC;
  --nm-mint-300: #56D0B0;
  --nm-mint-400: #26B995;
  --nm-mint-500: #109E7E;
  --nm-mint-600: #0B8068;
  --nm-mint-700: #0A6655;
  --nm-mint-800: #0B5145;
  --nm-mint-900: #0A4038;
  --nm-sun-50: #FFF9E8;
  --nm-sun-100: #FFF0C2;
  --nm-sun-200: #FFE38C;
  --nm-sun-300: #FFD452;
  --nm-sun-400: #FFC52B;
  --nm-sun-500: #F2AE00;
  --nm-sun-600: #C78C00;
  --nm-sun-700: #946800;
  --nm-sun-800: #735100;
  --nm-sun-900: #573D00;
  --nm-coral-50: #FFF1EE;
  --nm-coral-100: #FFDDD5;
  --nm-coral-200: #FFBAA9;
  --nm-coral-300: #FF9177;
  --nm-coral-400: #FF7052;
  --nm-coral-500: #F0532F;
  --nm-coral-600: #CF3D1C;
  --nm-coral-700: #A63016;
  --nm-coral-800: #832713;
  --nm-coral-900: #621D10;
  --nm-ink-0: #FFFFFF;
  --nm-ink-25: #FBFCFE;
  --nm-ink-50: #F5F7FB;
  --nm-ink-100: #EDF0F6;
  --nm-ink-200: #DCE1EB;
  --nm-ink-300: #C2C9D7;
  --nm-ink-400: #949EB3;
  --nm-ink-500: #636D83;
  --nm-ink-600: #4D566A;
  --nm-ink-700: #394155;
  --nm-ink-800: #252C3C;
  --nm-ink-900: #161B27;
  --nm-ink-950: #0E121B;
  --nm-green-50: #E9F8EF;
  --nm-green-100: #C9EED8;
  --nm-green-500: #1F9D57;
  --nm-green-600: #178049;
  --nm-green-700: #12663B;
  --nm-amber-50: #FFF6E0;
  --nm-amber-100: #FFE8B3;
  --nm-amber-500: #E08E00;
  --nm-amber-600: #B57100;
  --nm-amber-700: #8A5600;
  --nm-red-50: #FFEFEF;
  --nm-red-100: #FFD6D7;
  --nm-red-500: #E5484D;
  --nm-red-600: #C9302F;
  --nm-red-700: #A32424;
  --nm-sky-50: #E8F4FD;
  --nm-sky-100: #C6E4FA;
  --nm-sky-500: #1C83D1;
  --nm-sky-600: #1269AE;
  --nm-sky-700: #0E538A;
  --nm-cream-50: #FFFCF5;
  --nm-cream-100: #FFF6E3;
  --nm-night-950: #0D1130;
  --nm-night-900: #131941;
  --nm-night-800: #1B2252;
  --nm-night-700: #252D63;
  --nm-night-600: #343D78;
  --nm-font-display-playful: 'Baloo 2', 'Nunito', system-ui, sans-serif;
  --nm-font-rounded: 'Nunito', 'Be Vietnam Pro', system-ui, sans-serif;
  --nm-font-ui: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-font-readable: 'Lexend', 'Be Vietnam Pro', system-ui, sans-serif;
  --nm-font-numeric: 'Be Vietnam Pro', system-ui, sans-serif;
  --nm-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
  --nm-font-math: KaTeX_Main, 'Times New Roman', serif;
  --nm-space-0: 0px;
  --nm-space-0-5: 2px;
  --nm-space-1: 4px;
  --nm-space-2: 8px;
  --nm-space-3: 12px;
  --nm-space-4: 16px;
  --nm-space-5: 20px;
  --nm-space-6: 24px;
  --nm-space-8: 32px;
  --nm-space-10: 40px;
  --nm-space-12: 48px;
  --nm-space-16: 64px;
  --nm-space-20: 80px;
  --nm-z-base: 0;
  --nm-z-sticky: 100;
  --nm-z-dropdown: 200;
  --nm-z-overlay: 300;
  --nm-z-modal: 400;
  --nm-z-toast: 500;
  --nm-z-tooltip: 600;
  --nm-radius-pill: 999px;
}
:root, [data-theme="light"] {
  --nm-color-bg: var(--nm-ink-25);
  --nm-color-surface: var(--nm-ink-0);
  --nm-color-surface-sunken: var(--nm-ink-50);
  --nm-color-surface-raised: var(--nm-ink-0);
  --nm-color-text: var(--nm-ink-900);
  --nm-color-text-secondary: var(--nm-ink-600);
  --nm-color-text-muted: var(--nm-ink-500);
  --nm-color-text-disabled: var(--nm-ink-400);
  --nm-color-text-inverse: var(--nm-ink-0);
  --nm-color-border: var(--nm-ink-200);
  --nm-color-border-strong: var(--nm-ink-500);
  --nm-color-divider: var(--nm-ink-100);
  --nm-color-brand: var(--nm-blue-600);
  --nm-color-brand-hover: var(--nm-blue-700);
  --nm-color-brand-active: var(--nm-blue-800);
  --nm-color-brand-soft: var(--nm-blue-50);
  --nm-color-brand-soft-hover: var(--nm-blue-100);
  --nm-color-brand-text: var(--nm-blue-700);
  --nm-color-on-brand: var(--nm-ink-0);
  --nm-color-secondary: var(--nm-mint-700);
  --nm-color-secondary-hover: var(--nm-mint-800);
  --nm-color-secondary-soft: var(--nm-mint-50);
  --nm-color-secondary-text: var(--nm-mint-700);
  --nm-color-on-secondary: var(--nm-ink-0);
  --nm-color-accent: var(--nm-sun-400);
  --nm-color-accent-soft: var(--nm-sun-50);
  --nm-color-accent-text: var(--nm-sun-800);
  --nm-color-on-accent: var(--nm-ink-900);
  --nm-color-accent-2: var(--nm-coral-600);
  --nm-color-accent-2-soft: var(--nm-coral-50);
  --nm-color-accent-2-text: var(--nm-coral-700);
  --nm-color-on-accent-2: var(--nm-ink-0);
  --nm-color-success: var(--nm-green-600);
  --nm-color-success-soft: var(--nm-green-50);
  --nm-color-success-text: var(--nm-green-700);
  --nm-color-on-success: var(--nm-ink-0);
  --nm-color-warning: var(--nm-amber-500);
  --nm-color-warning-soft: var(--nm-amber-50);
  --nm-color-warning-text: var(--nm-amber-700);
  --nm-color-on-warning: var(--nm-ink-900);
  --nm-color-danger: var(--nm-red-600);
  --nm-color-danger-soft: var(--nm-red-50);
  --nm-color-danger-text: var(--nm-red-700);
  --nm-color-on-danger: var(--nm-ink-0);
  --nm-color-info: var(--nm-sky-600);
  --nm-color-info-soft: var(--nm-sky-50);
  --nm-color-info-text: var(--nm-sky-700);
  --nm-color-on-info: var(--nm-ink-0);
  --nm-color-focus-ring: var(--nm-blue-600);
  --nm-color-free-bg: var(--nm-mint-100);
  --nm-color-free-text: var(--nm-mint-800);
  --nm-color-locked-bg: var(--nm-ink-100);
  --nm-color-locked-text: var(--nm-ink-700);
  --nm-color-credit-bg: var(--nm-sun-100);
  --nm-color-credit-text: var(--nm-sun-800);
  --nm-color-credit-icon: var(--nm-sun-500);
  --nm-color-subtitle-bg: var(--nm-ink-950);
  --nm-color-subtitle-en: var(--nm-ink-0);
  --nm-color-subtitle-vi: var(--nm-sun-200);
  --nm-color-highlight-mark: var(--nm-sun-200);
}
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] {
  --nm-color-bg: var(--nm-ink-950);
  --nm-color-surface: var(--nm-ink-900);
  --nm-color-surface-sunken: var(--nm-ink-950);
  --nm-color-surface-raised: var(--nm-ink-800);
  --nm-color-text: var(--nm-ink-50);
  --nm-color-text-secondary: var(--nm-ink-300);
  --nm-color-text-muted: var(--nm-ink-400);
  --nm-color-text-disabled: var(--nm-ink-500);
  --nm-color-text-inverse: var(--nm-ink-950);
  --nm-color-border: var(--nm-ink-700);
  --nm-color-border-strong: var(--nm-ink-400);
  --nm-color-divider: var(--nm-ink-800);
  --nm-color-brand: var(--nm-blue-400);
  --nm-color-brand-hover: var(--nm-blue-300);
  --nm-color-brand-active: var(--nm-blue-200);
  --nm-color-brand-soft: var(--nm-blue-900);
  --nm-color-brand-soft-hover: var(--nm-blue-800);
  --nm-color-brand-text: var(--nm-blue-300);
  --nm-color-on-brand: var(--nm-ink-950);
  --nm-color-secondary: var(--nm-mint-400);
  --nm-color-secondary-hover: var(--nm-mint-300);
  --nm-color-secondary-soft: var(--nm-mint-900);
  --nm-color-secondary-text: var(--nm-mint-300);
  --nm-color-on-secondary: var(--nm-ink-950);
  --nm-color-accent: var(--nm-sun-400);
  --nm-color-accent-soft: var(--nm-sun-900);
  --nm-color-accent-text: var(--nm-sun-300);
  --nm-color-on-accent: var(--nm-ink-950);
  --nm-color-accent-2: var(--nm-coral-400);
  --nm-color-accent-2-soft: var(--nm-coral-900);
  --nm-color-accent-2-text: var(--nm-coral-300);
  --nm-color-on-accent-2: var(--nm-ink-950);
  --nm-color-success: var(--nm-green-500);
  --nm-color-success-soft: var(--nm-green-700);
  --nm-color-success-text: var(--nm-green-100);
  --nm-color-on-success: var(--nm-ink-950);
  --nm-color-warning: var(--nm-amber-500);
  --nm-color-warning-soft: var(--nm-amber-700);
  --nm-color-warning-text: var(--nm-amber-100);
  --nm-color-on-warning: var(--nm-ink-950);
  --nm-color-danger: var(--nm-red-500);
  --nm-color-danger-soft: var(--nm-red-700);
  --nm-color-danger-text: var(--nm-red-100);
  --nm-color-on-danger: var(--nm-ink-950);
  --nm-color-info: var(--nm-sky-500);
  --nm-color-info-soft: var(--nm-sky-700);
  --nm-color-info-text: var(--nm-sky-100);
  --nm-color-on-info: var(--nm-ink-950);
  --nm-color-focus-ring: var(--nm-blue-300);
  --nm-color-free-bg: var(--nm-mint-900);
  --nm-color-free-text: var(--nm-mint-200);
  --nm-color-locked-bg: var(--nm-ink-800);
  --nm-color-locked-text: var(--nm-ink-200);
  --nm-color-credit-bg: var(--nm-sun-900);
  --nm-color-credit-text: var(--nm-sun-200);
  --nm-color-credit-icon: var(--nm-sun-400);
  --nm-color-subtitle-bg: var(--nm-ink-950);
  --nm-color-subtitle-en: var(--nm-ink-0);
  --nm-color-subtitle-vi: var(--nm-sun-200);
  --nm-color-highlight-mark: var(--nm-sun-700);
}
[data-theme="dark"] { color-scheme: dark; }
:root, [data-age="middle"] {
  --nm-font-heading: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-font-body: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-text-xs: 0.8125rem; /* 13px */
  --nm-text-sm: 0.875rem; /* 14px */
  --nm-text-md: 1rem; /* 16px */
  --nm-text-lg: 1.25rem; /* 20px */
  --nm-text-xl: 1.5rem; /* 24px */
  --nm-text-2xl: 1.875rem; /* 30px */
  --nm-text-3xl: 2.25rem; /* 36px */
  --nm-leading-body: 1.6;
  --nm-leading-heading: 1.3;
  --nm-leading-tight: 1.25;
  --nm-weight-heading: 700;
  --nm-weight-body: 400;
  --nm-radius-xs: 4px;
  --nm-radius-sm: 8px;
  --nm-radius-md: 12px;
  --nm-radius-lg: 20px;
  --nm-radius-xl: 28px;
  --nm-touch-target: 48px;
  --nm-control-sm: 36px;
  --nm-control-md: 48px;
  --nm-control-lg: 56px;
  --nm-bi-vi-scale: 0.875;
  --nm-icon-size: 24px;
  --nm-icon-regular: inline; --nm-icon-bold: none; /* Phosphor weight: regular */
  --nm-guide-w: 24%; --nm-guide-mini: 48px; /* ẩn hẳn: không */
  --nm-duration-fast: 140ms;
  --nm-duration-base: 220ms;
  --nm-duration-slow: 360ms;
  --nm-ease: cubic-bezier(.2,.9,.3,1.15);
  --nm-ease-standard: cubic-bezier(.2,0,0,1);
  --nm-shadow-sm: 0 1px 2px rgba(22,27,39,.08);
  --nm-shadow-md: 0 2px 4px rgba(22,27,39,.06), 0 8px 20px rgba(22,27,39,.08);
  --nm-shadow-lg: 0 4px 8px rgba(22,27,39,.08), 0 20px 40px rgba(22,27,39,.12);
  --nm-shadow-button: 0 2px 0 #2A3591;
}
[data-age="primary"] {
  --nm-font-heading: 'Baloo 2', 'Nunito', system-ui, sans-serif;
  --nm-font-body: 'Nunito', 'Be Vietnam Pro', system-ui, sans-serif;
  --nm-text-xs: 0.875rem; /* 14px */
  --nm-text-sm: 1rem; /* 16px */
  --nm-text-md: 1.125rem; /* 18px */
  --nm-text-lg: 1.375rem; /* 22px */
  --nm-text-xl: 1.75rem; /* 28px */
  --nm-text-2xl: 2.125rem; /* 34px */
  --nm-text-3xl: 2.625rem; /* 42px */
  --nm-leading-body: 1.6;
  --nm-leading-heading: 1.3;
  --nm-leading-tight: 1.25;
  --nm-weight-heading: 700;
  --nm-weight-body: 500;
  --nm-radius-xs: 6px;
  --nm-radius-sm: 10px;
  --nm-radius-md: 16px;
  --nm-radius-lg: 24px;
  --nm-radius-xl: 32px;
  --nm-touch-target: 56px;
  --nm-control-sm: 44px;
  --nm-control-md: 56px;
  --nm-control-lg: 64px;
  --nm-bi-vi-scale: 0.9;
  --nm-icon-size: 28px;
  --nm-icon-regular: none; --nm-icon-bold: inline; /* Phosphor weight: bold */
  --nm-guide-w: 28%; --nm-guide-mini: 56px; /* ẩn hẳn: không */
  --nm-duration-fast: 160ms;
  --nm-duration-base: 280ms;
  --nm-duration-slow: 450ms;
  --nm-ease: cubic-bezier(.34,1.56,.64,1);
  --nm-ease-standard: cubic-bezier(.2,0,0,1);
  --nm-shadow-sm: 0 2px 0 rgba(33,42,109,.10);
  --nm-shadow-md: 0 4px 0 rgba(33,42,109,.12), 0 8px 20px rgba(33,42,109,.08);
  --nm-shadow-lg: 0 6px 0 rgba(33,42,109,.12), 0 16px 36px rgba(33,42,109,.12);
  --nm-shadow-button: 0 4px 0 #2A3591;
}
[data-age="high"] {
  --nm-font-heading: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-font-body: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-text-xs: 0.75rem; /* 12px */
  --nm-text-sm: 0.875rem; /* 14px */
  --nm-text-md: 1rem; /* 16px */
  --nm-text-lg: 1.125rem; /* 18px */
  --nm-text-xl: 1.375rem; /* 22px */
  --nm-text-2xl: 1.75rem; /* 28px */
  --nm-text-3xl: 2.125rem; /* 34px */
  --nm-leading-body: 1.55;
  --nm-leading-heading: 1.3;
  --nm-leading-tight: 1.25;
  --nm-weight-heading: 700;
  --nm-weight-body: 400;
  --nm-radius-xs: 4px;
  --nm-radius-sm: 6px;
  --nm-radius-md: 10px;
  --nm-radius-lg: 16px;
  --nm-radius-xl: 20px;
  --nm-touch-target: 44px;
  --nm-control-sm: 32px;
  --nm-control-md: 44px;
  --nm-control-lg: 52px;
  --nm-bi-vi-scale: 0.875;
  --nm-icon-size: 20px;
  --nm-icon-regular: inline; --nm-icon-bold: none; /* Phosphor weight: regular */
  --nm-guide-w: 22%; --nm-guide-mini: 44px; /* ẩn hẳn: được */
  --nm-duration-fast: 120ms;
  --nm-duration-base: 200ms;
  --nm-duration-slow: 300ms;
  --nm-ease: cubic-bezier(.2,0,0,1);
  --nm-ease-standard: cubic-bezier(.2,0,0,1);
  --nm-shadow-sm: 0 1px 2px rgba(22,27,39,.06);
  --nm-shadow-md: 0 1px 3px rgba(22,27,39,.08), 0 6px 16px rgba(22,27,39,.06);
  --nm-shadow-lg: 0 2px 6px rgba(22,27,39,.08), 0 16px 32px rgba(22,27,39,.10);
  --nm-shadow-button: none;
}
[data-theme="light"][data-age="primary"] {
  --nm-color-bg: var(--nm-cream-50);
  --nm-color-surface-sunken: var(--nm-cream-100);
}
[data-theme="light"][data-age="high"] {
  --nm-color-bg: var(--nm-ink-50);
}
[data-theme="dark"][data-age="primary"] {
  --nm-color-bg: var(--nm-night-900);
  --nm-color-surface: var(--nm-night-800);
  --nm-color-surface-sunken: var(--nm-night-950);
  --nm-color-surface-raised: var(--nm-night-700);
  --nm-color-border: var(--nm-night-600);
  --nm-color-divider: var(--nm-night-700);
  --nm-color-locked-bg: var(--nm-night-700);
  --nm-color-brand-soft: var(--nm-night-700);
  --nm-color-brand-soft-hover: var(--nm-night-600);
  --nm-color-secondary-soft: var(--nm-mint-900);
  --nm-color-free-bg: var(--nm-mint-900);
}
[data-surface="teacher"] {
  --nm-font-heading: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-font-body: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-text-xs: 0.75rem; /* 12px */
  --nm-text-sm: 0.875rem; /* 14px */
  --nm-text-md: 0.9375rem; /* 15px */
  --nm-text-lg: 1.125rem; /* 18px */
  --nm-text-xl: 1.375rem; /* 22px */
  --nm-text-2xl: 1.625rem; /* 26px */
  --nm-text-3xl: 2rem; /* 32px */
  --nm-leading-body: 1.55;
  --nm-leading-heading: 1.3;
  --nm-leading-tight: 1.25;
  --nm-weight-heading: 700;
  --nm-weight-body: 400;
  --nm-radius-xs: 4px;
  --nm-radius-sm: 6px;
  --nm-radius-md: 8px;
  --nm-radius-lg: 12px;
  --nm-radius-xl: 16px;
  --nm-touch-target: 44px;
  --nm-control-sm: 32px;
  --nm-control-md: 40px;
  --nm-control-lg: 48px;
  --nm-bi-vi-scale: 0.875;
  --nm-icon-size: 20px;
  --nm-icon-regular: inline; --nm-icon-bold: none; /* Phosphor weight: regular */
  --nm-guide-w: 22%; --nm-guide-mini: 44px; /* ẩn hẳn: được */
  --nm-duration-fast: 100ms;
  --nm-duration-base: 180ms;
  --nm-duration-slow: 260ms;
  --nm-ease: cubic-bezier(.2,0,0,1);
  --nm-ease-standard: cubic-bezier(.2,0,0,1);
  --nm-shadow-sm: 0 1px 2px rgba(22,27,39,.06);
  --nm-shadow-md: 0 1px 3px rgba(22,27,39,.08), 0 4px 12px rgba(22,27,39,.06);
  --nm-shadow-lg: 0 2px 6px rgba(22,27,39,.08), 0 12px 28px rgba(22,27,39,.10);
  --nm-shadow-button: none;
}
[data-theme="light"][data-surface="teacher"] {
  --nm-color-bg: var(--nm-ink-50);
  --nm-color-brand: var(--nm-blue-700);
  --nm-color-brand-hover: var(--nm-blue-800);
  --nm-color-brand-active: var(--nm-blue-900);
}
[data-surface="admin"] {
  --nm-font-heading: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-font-body: 'Be Vietnam Pro', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nm-text-xs: 0.75rem; /* 12px */
  --nm-text-sm: 0.8125rem; /* 13px */
  --nm-text-md: 0.875rem; /* 14px */
  --nm-text-lg: 1rem; /* 16px */
  --nm-text-xl: 1.25rem; /* 20px */
  --nm-text-2xl: 1.5rem; /* 24px */
  --nm-text-3xl: 1.75rem; /* 28px */
  --nm-leading-body: 1.5;
  --nm-leading-heading: 1.3;
  --nm-leading-tight: 1.25;
  --nm-weight-heading: 600;
  --nm-weight-body: 400;
  --nm-radius-xs: 3px;
  --nm-radius-sm: 4px;
  --nm-radius-md: 6px;
  --nm-radius-lg: 8px;
  --nm-radius-xl: 12px;
  --nm-touch-target: 36px;
  --nm-control-sm: 28px;
  --nm-control-md: 36px;
  --nm-control-lg: 44px;
  --nm-bi-vi-scale: 0.875;
  --nm-icon-size: 18px;
  --nm-icon-regular: inline; --nm-icon-bold: none; /* Phosphor weight: regular */
  --nm-guide-w: 22%; --nm-guide-mini: 44px; /* ẩn hẳn: được */
  --nm-duration-fast: 80ms;
  --nm-duration-base: 150ms;
  --nm-duration-slow: 220ms;
  --nm-ease: cubic-bezier(.2,0,0,1);
  --nm-ease-standard: cubic-bezier(.2,0,0,1);
  --nm-shadow-sm: 0 1px 1px rgba(22,27,39,.06);
  --nm-shadow-md: 0 1px 3px rgba(22,27,39,.10);
  --nm-shadow-lg: 0 8px 24px rgba(22,27,39,.12);
  --nm-shadow-button: none;
}
[data-theme="light"][data-surface="admin"] {
  --nm-color-bg: var(--nm-ink-50);
  --nm-color-brand: var(--nm-blue-700);
  --nm-color-brand-hover: var(--nm-blue-800);
  --nm-color-brand-active: var(--nm-blue-900);
}
/* Chế độ dễ đọc (người dùng bật): đổi font thân bài sang Lexend, tăng khoảng cách chữ */
[data-readable="true"] { --nm-font-body: var(--nm-font-readable); --nm-font-heading: var(--nm-font-readable); letter-spacing: .01em; word-spacing: .06em; }
/* Giảm chuyển động */
@media (prefers-reduced-motion: reduce) { :root, [data-age] { --nm-duration-fast: 1ms; --nm-duration-base: 1ms; --nm-duration-slow: 1ms; --nm-ease: linear; } }
[data-motion="reduce"] { --nm-duration-fast: 1ms; --nm-duration-base: 1ms; --nm-duration-slow: 1ms; --nm-ease: linear; }
/* Touch target tối thiểu 44px trên màn cảm ứng, kể cả admin */
@media (pointer: coarse) { [data-surface="admin"] { --nm-touch-target: 44px; --nm-control-md: 44px; } }

/* Breakpoints (tham khảo, CSS var không dùng được trong @media): sm 480px, md 768px, lg 1024px, xl 1280px, 2xl 1536px */