/**
 * lhl-editorial - Design tokens
 * Nguồn: wiki/analyses/Design guideline WordPress theo phong cách Tosea.ai.md
 * Khung + motion: tosea.ai · Màu + nhận diện: news.luuhailong.com
 */

:root {
  /* ===== SURFACE (nền) - light ===== */
  --surface-0: #FFFFFF;
  --surface-1: #FAFAF9;
  --surface-2: #F5F5F4;
  --surface-cream: #FAF6EF;
  --surface-hover: #F0EFED;

  /* ===== TEXT ===== */
  --text-primary: #1C1917;
  --text-secondary: #57534E;
  --text-muted: #78716C;
  --text-faint: #A8A29E;

  /* ===== BRAND (amber) ===== */
  --brand: #D97706;
  --brand-strong: #B45309;
  --brand-hover: #92400E;
  --brand-soft: #FEF3C7;
  --gradient-brand: linear-gradient(90deg, #D97706 0%, #EA580C 50%, #E11D48 100%);

  /* ===== NÚT ĐEN ===== */
  --btn-solid-bg: #1C1917;
  --btn-solid-bg-hover: #292524;
  --btn-solid-text: #FFFFFF;

  /* ===== BORDER / TRẠNG THÁI ===== */
  --border: #E7E5E4;
  --border-soft: #F5F5F4;
  --ring: #F59E0B;
  --success: #15803D;
  --warning: #B45309;
  --danger: #BE123C;

  /* ===== TYPOGRAPHY ===== */
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* ===== RADIUS ===== */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* ===== SHADOW ===== */
  --shadow-sm: 0 1px 3px rgba(28,25,23,.08), 0 1px 2px rgba(28,25,23,.06);
  --shadow-md: 0 4px 6px -1px rgba(28,25,23,.08), 0 2px 4px -2px rgba(28,25,23,.06);
  --shadow-lg: 0 12px 32px -8px rgba(28,25,23,.14);
  --shadow-cta: 0 8px 24px -6px rgba(234,88,12,.35);

  /* ===== MOTION ===== */
  --ease: cubic-bezier(0.2, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur: 220ms;
  --dur-slow: 320ms;

  /* ===== LAYOUT ===== */
  --container-max: 1280px;
  --container-pad: 20px;
  --content-width: 720px;

  color-scheme: light;
}

@media (min-width: 1024px) {
  :root { --container-pad: 60px; }
}

/* ===== DARK MODE ===== */
[data-theme="dark"] {
  --surface-0: #1C1917;
  --surface-1: #232019;
  --surface-2: #292524;
  --surface-cream: #26221B;
  --surface-hover: #33302B;

  --text-primary: #F5F5F4;
  --text-secondary: #D6D3D1;
  --text-muted: #A8A29E;
  --text-faint: #78716C;

  --brand: #FBBF24;
  --brand-strong: #FCD34D;
  --brand-hover: #F59E0B;
  --brand-soft: #3A2E15;
  --gradient-brand: linear-gradient(90deg, #FBBF24 0%, #FB923C 50%, #FB7185 100%);

  --btn-solid-bg: #F5F5F4;
  --btn-solid-bg-hover: #E7E5E4;
  --btn-solid-text: #1C1917;

  --border: #33302B;
  --border-soft: #292524;
  --ring: #FBBF24;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow-md: 0 4px 8px rgba(0,0,0,.45);
  --shadow-lg: 0 12px 32px -8px rgba(0,0,0,.55);

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slow: 0ms; }
}