/* tokens.css — the whole design in one file.
 * Replicated from: https://omnerat-template.webflow.io/
 * Captured: 2026-08-12T02:24:58.268Z
 *
 * Change a value here and it propagates across every section.
 * Swap the font: edit --font-display / --font-body.
 * Swap the palette: edit --c-*. Dial the motion: edit --motion-scale.
 */
:root {
  /* colour */
  --c-text: #1a1a1a; /* 2005 uses */
  --c-bg: #ffffff; /* 1104 uses */
  --c-surface: rgba(255, 255, 255, 0.8); /* 1034 uses */
  --c-text-2: rgba(0, 0, 0, 0.15); /* 435 uses */
  --c-surface-2: rgba(255, 255, 255, 0.56); /* 40 uses */
  --c-surface-3: #f5f5f5; /* 31 uses */
  --c-text-muted: #535353; /* 20 uses */
  --c-text-3: rgba(26, 26, 26, 0.66); /* 16 uses */
  --c-text-4: rgba(26, 26, 26, 0.8); /* 10 uses */
  --c-surface-4: rgba(255, 255, 255, 0.3); /* 8 uses */
  --c-text-5: #000000; /* 7 uses */
  --c-text-6: rgba(46, 46, 46, 0.5); /* 4 uses */
  --c-surface-5: #e1e1e1; /* 4 uses */
  --c-text-7: rgba(0, 0, 0, 0.23); /* 3 uses */

  /* type */
  --font-display: "Switzer Variable", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  /* type scale */
  --text-1: 12px; /* 2 uses */
  --text-2: 13px; /* 1 uses */
  --text-3: 14.41px; /* 88 uses */
  --text-4: 16px; /* 236 uses */
  --text-5: 17.6px; /* 131 uses */
  --text-6: 19.2px; /* 15 uses */
  --text-7: 22.4px; /* 6 uses */
  --text-8: 30.4px; /* 7 uses */
  --text-9: 46.4px; /* 39 uses */
  --text-10: 64px; /* 8 uses */
  --text-11: 112px; /* 3 uses */

  /* spacing */
  --space-1: 3px; /* 4 uses */
  --space-2: 4px; /* 2 uses */
  --space-3: 5px; /* 67 uses */
  --space-4: 6px; /* 1 uses */
  --space-5: 7px; /* 11 uses */
  --space-6: 8px; /* 7 uses */
  --space-7: 10px; /* 56 uses */
  --space-8: 13px; /* 8 uses */
  --space-9: 15.18px; /* 47 uses */
  --space-10: 19.9px; /* 20 uses */
  --space-11: 23px; /* 5 uses */
  --space-12: 30.02px; /* 25 uses */
  --space-13: 38.29px; /* 7 uses */
  --space-14: 52.69px; /* 13 uses */
  --space-15: 70px; /* 16 uses */
  --space-16: 95px; /* 2 uses */

  /* radius */
  --radius-1: 3px;
  --radius-2: 4px;
  --radius-3: 5px;
  --radius-4: 6.41px;
  --radius-5: 10px;

  /* motion */
  --dur-1: 0.1s;
  --dur-2: 0.2s;
  --dur-3: 0.25s;
  --dur-4: 0.31s;
  --dur-5: 0.4s;
  --ease-1: power1.out;
  --ease-2: power1.in;
  --ease-3: none;
  --motion-scale: 1;
}