/* AUTO-GENERATED by scripts/generate-theme.js from a Figma token export. */
/* Do not edit by hand. */

:root {
  /* Canonical tokens (Figma Semantic) */
  --surface-base: #141414;
  --surface-secondary: #1a1d24;
  --surface-contrast: #fafafa;
  --surface-lowest: #4a4a4a;
  --surface-scrim: rgba(0, 0, 0, 0.4);
  --menu-menu-bg: #000000;
  --menu-on-menu: #ffffff;
  --content-main: #ffffff;
  --content-secondary: #6c747f;
  --content-on-contrast: #000000;
  --content-disabled: #6c747f;
  --content-on-muted: #000000;
  --border-hard: #4a4a4a;
  --border-soft: #3d0e13;
  --border-focus: rgba(170, 43, 61, 0.6);
  --border-error: #ff3636;
  --border-active: #aa2b3d;
  --effects-shadow-main: rgba(0, 0, 0, 0);
  --effects-blur: 0px;
  --primary-main: #bb132b;
  --primary-hover: #de2135;
  --primary-muted: #391f1f;
  --primary-on-main: #ffffff;
  --secondary-main: #6c747f;
  --secondary-hover: #525962;
  --secondary-muted: #f7f7f8;
  --secondary-on-secondary: #ffffff;
  --status-warning-content: #b16b00;
  --status-warning-bg: #faf5ec;
  --status-error-content: #fce7ea;
  --status-error-bg: #c21212;
  --status-success-content: #ecfdf5;
  --status-success-bg: #065548;
  --status-info-content: #f3eee5;
  --status-info-bg: #6c747f;
  --status-accent-bg: #d25b1b;
  --status-accent-content: #f3eee5;
  --graph-chart-usd: #b7394b;
  --graph-chart-eur: #e5929e;
  --graph-chart-usdt: #fce7ea;
  --graph-chart-usdc: #792934;
  --graph-chart-flow-incoming: #d25b1b;
  --graph-chart-flow-outgoing: #334155;
  --radius-xs: 4px;
  --radius-s: 12px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --cards-theme-1-bg: #3f3f46;
  --cards-theme-1-on: #ffffff;
  --cards-theme-1-border: #3f3f46;
  --cards-theme-2-bg: #7a529d;
  --cards-theme-2-on: #ffffff;
  --cards-theme-2-border: #7a529d;
  --cards-theme-3-bg: #78b5b7;
  --cards-theme-3-on: #ffffff;
  --cards-theme-3-border: #78b5b7;
  --cards-theme-4-bg: #27272a;
  --cards-theme-4-on: #ffffff;
  --cards-theme-4-border: #3f3f46;

  /* Legacy aliases (back-compat) */
  --surface: var(--surface-base);
  --surface-dark: var(--surface-secondary);
  --surface-inverted: var(--surface-contrast);
  --on-surface: var(--content-main);
  --on-surface-light: var(--content-secondary);
  --on-surface-inverted: var(--content-on-contrast);
  --outline: var(--border-hard);
  --outline-light: var(--border-soft);
  --primary: var(--primary-main);
  --primary-dark: var(--primary-hover);
  --primary-light: var(--primary-muted);
  --red: var(--status-error-content);
  --red-light: var(--status-error-bg);
  --green: var(--status-success-content);
  --green-light: var(--status-success-bg);
  --orange: var(--status-warning-content);
  --orange-light: var(--status-warning-bg);
  --blue: var(--status-info-content);
  --blue-light: var(--status-info-bg);
  --graph-usd: var(--graph-chart-usd);
  --graph-eur: var(--graph-chart-eur);
  --graph-usdt: var(--graph-chart-usdt);
  --graph-usdc: var(--graph-chart-usdc);
  --graph-income: var(--graph-chart-flow-incoming);
  --graph-outcome: var(--graph-chart-flow-outgoing);

  /* Legacy extras (no Figma token yet) */
  --border-radius: 5px;
  --on-surface-primary: #2F4044;
  --green-dark: var(--status-success-content);
  --red-dark: var(--status-error-content);
  --orange-dark: #BE5B03;
  --blue-dark: #005A96;
  --purple-dark: #6346BA;
  --purple-light: #F0EEFF;

  /* Typography */
  --font-family-base: 'Inter', sans-serif;

  /* Splash / boot screen */
  --boot-bg: var(--surface-base);
  --boot-accent: var(--primary-main);

  color-scheme: light;
}

/* --- brand font (theme.font.css) --- */
/* Default app font (Inter), shipped as part of the bincentric payload — Inter is
   NOT bundled globally, so a brand with its own theme.font.css doesn't carry it.
   build-brand copies assets/fonts/* to /fonts/ and appends this to /theme.css. */
@font-face {
  font-family: 'Inter';
  src: local('Inter-Regular'), url('/fonts/Inter_18pt-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter-Medium'), url('/fonts/Inter_18pt-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter-SemiBold'), url('/fonts/Inter_18pt-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter-Bold'), url('/fonts/Inter_18pt-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family-base: 'Inter', sans-serif;
}