/* RIAV — Design tokens
 * Trang trọng, chính thống, di sản âm nhạc VN.
 * Mọi giá trị màu/typography/spacing đều theo design-brief.
 */

:root {
  /* Brand */
  --brand-primary: #0B1B3B;
  --brand-primary-700: #16285A;
  --brand-primary-500: #25386F;
  --brand-accent: #C9A24B;
  --brand-accent-700: #A6862F;
  --brand-accent-soft: #F4E9CC;
  --brand-accent-softer: #FAF4DF;

  /* Neutrals */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F8F9FB;
  --neutral-100: #EEF1F6;
  --neutral-200: #DCE2EB;
  --neutral-300: #C1CAD6;
  --neutral-500: #6B7588;
  --neutral-700: #3A4357;
  --neutral-900: #0F1525;

  /* Semantic */
  --success: #1F8B4C;
  --warning: #B88217;
  --error:   #B3261E;

  /* Typography */
  --font-sans: "Be Vietnam Pro", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-display: 3.5rem;   /* 56 */
  --fs-h1:      2.25rem;  /* 36 */
  --fs-h2:      1.75rem;  /* 28 */
  --fs-h3:      1.375rem; /* 22 */
  --fs-body-lg: 1.125rem; /* 18 */
  --fs-body:    1rem;     /* 16 */
  --fs-caption: 0.875rem; /* 14 */

  --lh-tight: 1.2;
  --lh-body:  1.65;

  /* Spacing scale (8pt-ish) */
  --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;
  --space-24: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(15,21,37,0.06), 0 4px 12px rgba(15,21,37,0.04);
  --shadow-card-hover: 0 2px 4px rgba(15,21,37,0.08), 0 8px 24px rgba(15,21,37,0.08);
  --shadow-pop: 0 8px 32px rgba(15,21,37,0.16);

  /* Layout */
  --container-max: 1200px;
  --container-pad: 24px;

  /* Motion */
  --t-fast: 120ms ease;
  --t: 150ms ease;
  --t-slow: 240ms ease;
}

@media (min-width: 768px) {
  :root { --container-pad: 48px; }
}