/* Omniscope brand tokens — ported from the Omniscope Design System (Claude Design). Light only by decision. Faktum by René Bieder, licensed to Omniscope. */

@font-face {
  font-family: "Faktum";
  src: url("/brand/fonts/Faktum-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Faktum";
  src: url("/brand/fonts/Faktum-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Faktum";
  src: url("/brand/fonts/Faktum-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Faktum Con";
  src: url("/brand/fonts/FaktumCon-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  --os-font-display: "Faktum Con", "Faktum", Helvetica, Arial, sans-serif;
  --os-font-body: "Faktum", Helvetica, Arial, sans-serif;
  --os-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --os-black:#000000; --os-white:#FFFFFF; --os-yellow:#FADE00;
  --os-soft-black:#121212; --os-near-white:#FEFFFF; --os-text-on-black:#F7F7F7;
  --os-surface-01:#FDFDFD; --os-surface-02:#F8F8F8; --os-surface-03:#F5F5F5; --os-surface-04:#F2F2F2; --os-surface-05:#E0E0E0; --os-surface-06:#C7C7C7; --os-surface-07:#999999; --os-surface-08:#5B5B5B;
  --os-black-2:rgba(0,0,0,.02); --os-black-4:rgba(0,0,0,.04); --os-black-7:rgba(0,0,0,.07); --os-black-12:rgba(0,0,0,.12); --os-black-20:rgba(0,0,0,.20); --os-black-34:rgba(0,0,0,.34); --os-black-50:rgba(0,0,0,.50);
  --os-good:#019E73; --os-good-text:#008762; --os-warn:#F26B00; --os-warn-text:#C85000; --os-danger:#FF0000; --os-info:#56B4E9;
  --os-bg:var(--os-white); --os-bg-elev:var(--os-near-white); --os-bg-muted:var(--os-surface-02); --os-fg:var(--os-soft-black); --os-fg-muted:var(--os-surface-07); --os-border:var(--os-black-12); --os-border-strong:var(--os-surface-05); --os-ring:var(--os-black); --os-accent:var(--os-yellow);
  --os-radius-xs:4px; --os-radius-sm:6px; --os-radius-md:8px; --os-radius-lg:12px; --os-radius-xl:16px; --os-radius-2xl:24px; --os-radius-pill:999px;
  --os-shadow-sm:0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.04); --os-shadow-md:0 4px 16px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --os-shadow-lg:0 12px 32px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);
  --os-space-1:4px; --os-space-2:8px; --os-space-3:12px; --os-space-4:16px; --os-space-5:20px; --os-space-6:24px; --os-space-8:32px; --os-space-10:40px; --os-space-12:48px;
  --os-motion-fast:140ms cubic-bezier(.2,0,0,1); --os-motion-base:220ms cubic-bezier(.2,0,0,1);
}

.font-faktum-headline-large { font: 500 32px/124% var(--os-font-display); }
.font-faktum-headline-small { font: 500 20px/120% var(--os-font-display); }
.font-faktum-title-large    { font: 500 16px/109% var(--os-font-body); }
.font-faktum-title-medium   { font: 500 14px/123% var(--os-font-body); letter-spacing:.14px; }
.font-faktum-title-small    { font: 500 12px/100% var(--os-font-body); letter-spacing:.48px; text-transform:uppercase; }
.font-faktum-body-large     { font: 400 15px/123% var(--os-font-body); }
.font-faktum-body-small     { font: 400 14px/109% var(--os-font-body); }
.font-faktum-button         { font: 500 15px/123% var(--os-font-display); }
.font-faktum-label          { font: 500 12px/164% var(--os-font-body); }
.os-mark { background-image: linear-gradient(180deg, transparent 0%, transparent 58%, var(--os-yellow) 58%, var(--os-yellow) 92%, transparent 92%, transparent 100%); padding: 0 .08em .05em .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }