/* assets/css/theme.css */
:root{
  /* New palette for XyroNow (JP): night-teal + yuzu + sakura-dust + mist */
  --xn-night: #07151f;
  --xn-deep: #0c2430;
  --xn-teal: #1aa6a6;
  --xn-aqua: #7be7d7;
  --xn-yuzu: #ffd166;
  --xn-sakura: #ff7aa2;
  --xn-mist: #f5f7fb;
  --xn-slate: #4a5a70;

  --bg: var(--xn-mist);
  --surface: #ffffff;
  --surface-2: #eff3fb;

  --text: #0e1726;
  --muted: #55657c;

  --border: rgba(14,23,38,.12);

  --primary: var(--xn-teal);
  --primary-2: #0f8d8d;
  --accent: var(--xn-sakura);
  --warn: var(--xn-yuzu);
  --ink: var(--xn-night);

  --radius-lg: 22px;
  --radius-md: 16px;

  --shadow: 0 16px 44px rgba(7,21,31,.14);
  --shadow-soft: 0 12px 28px rgba(7,21,31,.10);

  --grad-hero: radial-gradient(920px 460px at 12% 14%, rgba(255,122,162,.22), rgba(255,122,162,0) 60%),
               radial-gradient(860px 520px at 88% 18%, rgba(123,231,215,.25), rgba(123,231,215,0) 62%),
               radial-gradient(900px 620px at 48% 72%, rgba(26,166,166,.18), rgba(26,166,166,0) 66%);

  --grad-nav: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
  --grad-micro: linear-gradient(90deg, rgba(26,166,166,.12), rgba(255,122,162,.10), rgba(255,209,102,.10));

  --grad-chip: linear-gradient(135deg, rgba(26,166,166,.16), rgba(255,122,162,.12));
  --grad-card: linear-gradient(180deg, rgba(255,255,255,.92), rgba(239,243,251,.92));
  --grad-cta: linear-gradient(135deg, rgba(26,166,166,.12), rgba(255,122,162,.10), rgba(255,209,102,.10));
}