/* VR Junior College — navy + orange from the logo.
   Navy (V) #103058 · Orange (R) #E87028 */

:root {
  --font: "Inter", system-ui, sans-serif;
  --display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;

  --navy: #103058;
  --navy-2: #0b2444;
  --orange: #e87028;
  --orange-soft: #fff4ec;
  --ink: #12151a;
  --text: #4a5560;
  --muted: #6b7380;
  --line: #e6eaee;
  --paper: #f5f6f8;
  --white: #ffffff;

  --rs-ff-body: var(--font);
  --rs-ff-title: var(--display);
  --rs-theme-red: var(--navy);
  --rs-theme-red-2: var(--navy-2);
  --rs-accent: var(--orange);
  --vr-navy: var(--navy);
  --vr-orange: var(--orange);
  --rs-white: var(--white);
  --rs-title: var(--ink);
  --rs-text: var(--text);
  --rs-text-2: var(--muted);
  --rs-bg: var(--paper);
  --rs-border: var(--line);
  --rs-dark: var(--navy);
  --rs-dark-2: var(--navy-2);

  --wrap: 1280px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --header-h: 76px;
  --announce-h: 44px;
  --sticky-offset: calc(var(--announce-h) + var(--header-h));
  --r: 12px;
  --r-sm: 8px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 280ms;
  --shadow: 0 1px 2px rgba(16, 48, 88, 0.04), 0 12px 32px rgba(16, 48, 88, 0.06);

  --fs-0: 16px;
  --fs-1: 1.0625rem;
  --fs-2: clamp(1.15rem, 1rem + 0.6vw, 1.35rem);
  --fs-3: clamp(1.45rem, 1.1rem + 1.2vw, 1.85rem);
  --fs-4: clamp(1.85rem, 1.2rem + 2vw, 2.6rem);
  --fs-5: clamp(2.1rem, 1.3rem + 2.8vw, 3.35rem);
}

@media (max-width: 991px) {
  :root {
    --header-h: 68px;
    --announce-h: 42px;
  }
}

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