/*
 * VisitVisaTurkiye design tokens, measured from the approved homepage.
 * These variables are the only visual primitives used by internal routes
 * and the application flow.
 */
:root {
  --vvt-red: #d72d37;
  --vvt-ink: #102338;
  --vvt-night: #06273d;
  --vvt-paper: #f8f6f0;
  --vvt-sun: #f5c85c;
  --vvt-mint: #b8e4de;
  --vvt-line: rgba(16, 35, 56, .17);
  --vvt-notice: #1f4088;
  --vvt-footer: #041a2a;

  --vvt-font-display: Archivo, Arial, sans-serif;
  --vvt-font-body: "DM Sans", Arial, sans-serif;
  --vvt-font-mono: "DM Mono", monospace;

  --vvt-page-gutter: 5.5vw;
  --vvt-content-wide: 1180px;
  --vvt-content-readable: 1020px;
  --vvt-section-space: 116px;
  --vvt-form-padding: clamp(36px, 5vw, 64px);
  --vvt-control-height: 54px;
  --vvt-action-height: 56px;
  --vvt-radius-panel: 0px;
  --vvt-radius-pill: 99px;
  --vvt-shadow-panel: 0 20px 42px rgba(12, 39, 53, .10);
}

@media (max-width: 900px) {
  :root { --vvt-page-gutter: 7vw; --vvt-section-space: 82px; }
}

@media (max-width: 560px) {
  :root { --vvt-page-gutter: 18px; --vvt-section-space: 67px; --vvt-form-padding: 26px; }
}