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

:root {
  /* Canonical tokens (Figma Semantic) */
  --surface-base: #ffffff;
  --surface-secondary: #f5f9fa;
  --surface-contrast: #1b1d1a;
  --surface-lowest: #f4f4f5;
  --surface-scrim: rgba(27, 29, 26, 0.4);
  --menu-menu-bg: #1b1d1a;
  --menu-on-menu: #ffffff;
  --content-main: #1b1d1a;
  --content-secondary: #71717a;
  --content-on-contrast: #ffffff;
  --content-disabled: #6c747f;
  --content-on-muted: #ffffff;
  --border-hard: #d4d7d8;
  --border-soft: #dfe7e9;
  --border-focus: #27272a;
  --border-error: #ff4242;
  --border-active: #27272a;
  --effects-shadow-main: #eaf3f5;
  --effects-blur: 16px;
  --primary-main: #fd5c32;
  --primary-hover: #ff8c6e;
  --primary-muted: #fff3f0;
  --primary-on-main: #ffffff;
  --secondary-main: #44797f;
  --secondary-hover: #61a0a7;
  --secondary-muted: #f7f7f8;
  --secondary-on-secondary: #ffffff;
  --status-warning-content: #b16b00;
  --status-warning-bg: #faf5ec;
  --status-error-content: #ff4242;
  --status-error-bg: #fce9e9;
  --status-success-content: #059669;
  --status-success-bg: #ecfdf5;
  --status-info-content: #475569;
  --status-info-bg: #f1f5f9;
  --status-accent-bg: #eef2ff;
  --status-accent-content: #6366f1;
  --graph-chart-usd: #3f3f46;
  --graph-chart-eur: #a1a1aa;
  --graph-chart-usdt: #cccbcb;
  --graph-chart-usdc: #d5d5d6;
  --graph-chart-flow-incoming: #10b981;
  --graph-chart-flow-outgoing: #18181b;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 32px;
  --radius-full: 999px;
  --cards-theme-1-bg: #ffffff;
  --cards-theme-1-on: #18181b;
  --cards-theme-1-border: #e4e4e7;
  --cards-theme-2-bg: #f4f4f5;
  --cards-theme-2-on: #18181b;
  --cards-theme-2-border: #d4d4d8;
  --cards-theme-3-bg: #27272a;
  --cards-theme-3-on: #ffffff;
  --cards-theme-3-border: #3f3f46;
  --cards-theme-4-bg: #fafafa;
  --cards-theme-4-on: #18181b;
  --cards-theme-4-border: #e4e4e7;

  /* 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: #24643F;
  --red-dark: #A52F31;
  --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;
}