/* Design tokens — mockup docs/index.html palette + alias cho code cũ (--color-*). */

:root {
  /* Mockup (đồng bộ docs/index.html) */
  --orange: #ff7a00;
  --orange-deep: #f56c00;
  --yellow: #ffc300;
  --blue: #4137ff;
  --cyan: #22c7ea;
  --navy: #06154f;
  --text: #232323;
  --muted: #555;
  --bg: #f4f4f4;
  --shadow: 0 10px 24px rgba(20, 23, 59, 0.15);
  --shadow-soft: 0 4px 10px rgba(0, 0, 0, 0.12);
  --radius: 24px;
  --radius-lg: 28px;
  --radius-xl: 34px;
  --container: min(1380px, calc(100vw - 24px));

  /* Alias dự án (form, QA, JS) */
  --color-primary: var(--orange);
  --color-secondary: var(--yellow);
  --color-accent: var(--blue);
  --color-hero-blue: #0056b3;
  --color-facebook: #1877f2;

  --color-white: #ffffff;
  --color-bg: #e9e9e9;
  --color-text: var(--text);
  --color-text-muted: #6b7280;

  --color-error: #dc2626;
  --color-success: #16a34a;
  --color-border: #e5e7eb;

  --font-family: "Inter", system-ui, sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg-ui: 12px;
  --radius-xl-ui: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.18);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  --page-max-width: 1600px;
  --section-inner-max: 1440px;
  --container-max: 1200px;
  --container-padding: var(--space-4);
  --header-height: 88px;
}