/* Fomigo skin for Twenty: overrides Twenty's public --t-* tokens with the Fomigo design system
   (src/shared/design/). `html .light` outranks Twenty's own `.light` block, including its
   display-p3 variant, without !important. Accent scale = Radix 12 steps built from inkoust. */

@font-face {
  font-family: 'Nunito Sans';
  src: url('/fomigo/fonts/NunitoSans-Variable.woff2') format('woff2');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('/fomigo/fonts/NunitoSans-Italic-Variable.woff2') format('woff2');
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fomigo/fonts/Quicksand-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('/fomigo/fonts/DMMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

/* Twenty sets Inter on body directly, not through the token. */
html body {
  font-family: var(--t-font-family);
}

/* Twenty's 13 px interface reads small next to the Fomigo app; zoom it to 125 %, keeping the
   user's own scale setting. */
html,
html:root {
  --t-zoom: calc(var(--t-scale-user, 1) * 1.25);
}

html.light,
html .light {
  --t-font-family: 'Nunito Sans', system-ui, sans-serif;
  --t-code-font-family: 'DM Mono', ui-monospace, SFMono-Regular, monospace;

  --t-accent-accent1: #f5f8fc;
  --t-accent-accent2: #eaf0f8;
  --t-accent-accent3: #dce6f3;
  --t-accent-accent4: #cbd9ec;
  --t-accent-accent5: #a9bfdb;
  --t-accent-accent6: #94aed0;
  --t-accent-accent7: #7d9cc4;
  --t-accent-accent8: #53749f;
  --t-accent-accent9: #2e4b77;
  --t-accent-accent10: #21395d;
  --t-accent-accent11: #21395d;
  --t-accent-accent12: #101f37;
  --t-accent-accent3570: #53749f;
  --t-accent-accent4060: #53749f;
  --t-accent-primary: #a9bfdb;
  --t-accent-secondary: #a9bfdb;
  --t-accent-tertiary: #dce6f3;
  --t-accent-quaternary: #eaf0f8;

  --t-color-blue: #2e4b77;
  --t-color-blue1: #f5f8fc;
  --t-color-blue2: #eaf0f8;
  --t-color-blue3: #dce6f3;
  --t-color-blue4: #cbd9ec;
  --t-color-blue5: #a9bfdb;
  --t-color-blue6: #94aed0;
  --t-color-blue7: #7d9cc4;
  --t-color-blue8: #53749f;
  --t-color-blue9: #2e4b77;
  --t-color-blue10: #21395d;
  --t-color-blue11: #21395d;
  --t-color-blue12: #101f37;
}

html.dark,
html .dark {
  --t-font-family: 'Nunito Sans', system-ui, sans-serif;
  --t-code-font-family: 'DM Mono', ui-monospace, SFMono-Regular, monospace;

  --t-accent-accent1: #0a1526;
  --t-accent-accent2: #0e1b30;
  --t-accent-accent3: #101f37;
  --t-accent-accent4: #172b49;
  --t-accent-accent5: #21395d;
  --t-accent-accent6: #2e4b77;
  --t-accent-accent7: #3d5c8a;
  --t-accent-accent8: #53749f;
  --t-accent-accent9: #53749f;
  --t-accent-accent10: #7d9cc4;
  --t-accent-accent11: #a9bfdb;
  --t-accent-accent12: #eaf0f8;
  --t-accent-accent3570: #53749f;
  --t-accent-accent4060: #53749f;
  --t-accent-primary: #21395d;
  --t-accent-secondary: #21395d;
  --t-accent-tertiary: #101f37;
  --t-accent-quaternary: #0e1b30;

  --t-color-blue: #7d9cc4;
  --t-color-blue1: #0a1526;
  --t-color-blue2: #0e1b30;
  --t-color-blue3: #101f37;
  --t-color-blue4: #172b49;
  --t-color-blue5: #21395d;
  --t-color-blue6: #2e4b77;
  --t-color-blue7: #3d5c8a;
  --t-color-blue8: #53749f;
  --t-color-blue9: #53749f;
  --t-color-blue10: #7d9cc4;
  --t-color-blue11: #a9bfdb;
  --t-color-blue12: #eaf0f8;
}