/* Design tokens — Joyway Infinity.
   Palette: trust-building navy, crisp white, refined gold. */
:root {
  /* Brand */
  --navy-900: #071a30;
  --navy-800: #0a2540;
  --navy-700: #103254;
  --navy-600: #1c4670;
  --navy-500: #2c5c8f;
  --gold-600: #b08a34;
  --gold-500: #c8a24b;
  --gold-400: #d9bd77;
  --gold-100: #f4ead2;

  /* Neutrals */
  --white: #ffffff;
  --cream: #fbf9f5;
  --paper: #f5f2ec;
  --line: #e6e1d8;
  --ink-900: #14202e;
  --ink-700: #33414f;
  --ink-500: #5d6b78;
  --ink-400: #8592a0;

  /* Semantic */
  --bg: var(--white);
  --bg-alt: var(--cream);
  --bg-deep: var(--navy-800);
  --text: var(--ink-900);
  --text-soft: var(--ink-500);
  --accent: var(--gold-500);
  --accent-strong: var(--gold-600);

  /* Type */
  --font-serif: "Noto Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* Layout */
  --maxw: 1180px;
  --maxw-narrow: 780px;
  --radius: 4px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 3px rgba(7, 26, 48, 0.08), 0 1px 2px rgba(7, 26, 48, 0.06);
  --shadow-md: 0 6px 24px rgba(7, 26, 48, 0.1);
  --shadow-lg: 0 20px 50px rgba(7, 26, 48, 0.16);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}