:root{
  /* ViroOne palette (JP-inspired calm architectural vibe) */
  --c-bg: #0B1020;
  --c-surface: #101A36;
  --c-surface2: #0E1730;
  --c-text: #EAF0FF;
  --c-muted: #A9B6D8;

  --c-accent: #FF6F7B;    /* soft coral */
  --c-accent2: #2FE1B0;   /* jade */
  --c-gold: #F0C46E;      /* warm gold */
  --c-ink: #192654;       /* ink-blue */
  --c-line: rgba(173,191,255,.16);

  --grad-a: radial-gradient(1200px 600px at 20% 10%, rgba(255,111,123,.18), transparent 60%),
            radial-gradient(900px 520px at 85% 20%, rgba(47,225,176,.14), transparent 55%),
            radial-gradient(1000px 700px at 50% 90%, rgba(240,196,110,.10), transparent 60%);

  --shadow-1: 0 14px 50px rgba(0,0,0,.35);
  --shadow-2: 0 10px 30px rgba(0,0,0,.28);

  --r-xl: 26px;
  --r-lg: 20px;
  --r-md: 16px;

  --maxw: 1180px;
}

@media (prefers-color-scheme: light) {
  :root{
    --c-bg: #F6F7FB;
    --c-surface: #FFFFFF;
    --c-surface2: #F2F4FA;
    --c-text: #0B1020;
    --c-muted: #4E5A7A;
    --c-line: rgba(13,25,60,.12);
    --shadow-1: 0 16px 48px rgba(18,25,60,.14);
    --shadow-2: 0 10px 24px rgba(18,25,60,.10);
  }
}

html, body { height: 100%; }
body{
  background: var(--c-bg);
  color: var(--c-text);
}

a{ color: inherit; }