/* GENERATED FILE. Do not edit.
 * Written by scripts/generate-partials.mjs from src/brand.js, which is where
 * the typeface and the palette for every page on the site are defined.
 *
 * Linked by all four pages. It sets no font-family and no colours by itself:
 * a stylesheet shared by a React bundle, a Tailwind CDN page and a page with
 * no framework cannot safely style anything, so it publishes the values and
 * each page applies the ones it needs.
 */

/* Served from this domain rather than fonts.googleapis.com. The CDN link
 * completed a request to Google before the visitor had answered the cookie
 * banner; this does not. One variable file covers every weight the site uses. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/brand/fonts/inter-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --op-font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --op-teal-50: #f0fdfa;
  --op-teal-100: #ccfbf1;
  --op-teal-200: #99f6e4;
  --op-teal-300: #5eead4;
  --op-teal-400: #2dd4bf;
  --op-teal-500: #14b8a6;
  --op-teal-600: #0d9488;
  --op-teal-700: #0f766e;
  --op-teal-800: #115e59;
  --op-teal-900: #134e4a;
  --op-teal-950: #042f2e;
  --op-lime-50: #f7fee7;
  --op-lime-100: #ecfccb;
  --op-lime-200: #d9f99d;
  --op-lime-300: #bef264;
  --op-lime-400: #a3e635;
  --op-lime-500: #84cc16;
  --op-lime-600: #65a30d;
  --op-lime-700: #4d7c0f;
  --op-lime-800: #3f6212;
  --op-lime-900: #365314;
  --op-lime-950: #1a2e05;
  --op-gray-50: #f9fafb;
  --op-gray-100: #f3f4f6;
  --op-gray-200: #e5e7eb;
  --op-gray-300: #d1d5db;
  --op-gray-400: #9ca3af;
  --op-gray-500: #6b7280;
  --op-gray-600: #4b5563;
  --op-gray-700: #374151;
  --op-gray-800: #1f2937;
  --op-gray-900: #111827;
  --op-gray-950: #030712;
  --op-ultigame-400: #a053c2;
  --op-ultigame-500: #8b5cf6;
  --op-ultigame-600: #7c3aed;
  --op-ultigame-700: #6b46c1;
  --op-gradient-ultigame-from: #6b46c1;
  --op-gradient-ultigame-to: #a053c2;
  --op-gradient-ultigame-text-from: #8b5cf6;
  --op-gradient-ultigame-text-to: #d946ef;
  --op-gradient-opsential-from: #2dd4bf;
  --op-gradient-opsential-to: #84cc16;
  --op-amber: #fbbf24;
  --op-red: #f87171;
}