/*
 * Union.ai design tokens
 *
 * Mirrored from the union.ai marketing site (Webflow, Lumos framework):
 *   https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/css/union-staging.shared.*.min.css
 *
 * Token names keep the Webflow variable structure (brand → primitives → theme)
 * with shorter names. If union.ai changes its palette, update the values here.
 */

/* Fonts are served from the union.ai Webflow CDN (CORS: *). */
@font-face {
  font-family: "Yellix";
  src: url("https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/690e3bdd21a73f26db81f180_Yellix-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yellix";
  src: url("https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/690e3bddb82800e2bea44362_Yellix-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yellix";
  src: url("https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/690e3bdd3bb86c06d050b493_Yellix-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/691d182fe284c14edec412ca_IBMPlexMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("https://cdn.prod.website-files.com/690e38b4066a3319f4dad995/691d182f3766cd21fbc11742_IBMPlexMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand palette (--_brand---*) */
  --brand-yellow-500: #fcb51f;
  --brand-dark: #18191a;
  --brand-gray-100: #f2f3f3;
  --brand-gray-300: #cccfd1;
  --brand-gray-350: #81858b;
  --brand-gray-400: #72757a;
  --brand-blue: #3378f5;
  --brand-blue-dark: #1648b8;
  --brand-purple: #6f2aef;
  --brand-pink: #ad3abb;
  --brand-green: #78b856;
  --brand-green-dark: #008013;
  --brand-orange: #e8883a;
  --brand-red: #cd3234;
  --brand-red-dark: #980202;
  --brand-brown: #a65a17;

  /* Primitives (--_primitives---colors--*) */
  --white: #fff;
  --black: #000;

  /* Typography (--_typography---font-styles--*) */
  --font-body: Yellix, Arial, sans-serif;
  --font-heading: Yellix, Arial, sans-serif;
  --font-code: "IBM Plex Mono", Tahoma, monospace;
  --heading-weight: 600;
  --heading-line-height: 1.05;

  /* UI styles (--_ui-styles---*) */
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --border-width: 1px;

  /* Theme: union.ai defaults to dark (.u-theme-dark) */
  --background: var(--black);
  --heading: var(--white);
  --body: var(--brand-gray-300);
  --body-light: var(--brand-gray-300);
  --accent: var(--brand-yellow-500);
  --accent-10: color-mix(in srgb, var(--accent) 10%, transparent);
  --card: var(--brand-dark);
  --border: color-mix(in srgb, var(--heading) 12%, transparent);
}

/* Light theme (.u-theme-light on union.ai) */
.theme-light {
  --background: var(--white);
  --heading: var(--black);
  --body: var(--brand-gray-400);
  --body-light: var(--brand-gray-400);
  --card: var(--brand-gray-300);
}