/* GENERATED by tools/sync-app.js from mattioli.OS — do not edit by hand.
   Every value below is transcribed from mobile/lib/core/theme.dart and
   mobile/lib/core/performance_color.dart. Change the app, re-run the script. */

:root {
  --app-background: #050608;
  --app-card: #090A0F;
  --app-card-elevated: #0D0E14;
  --app-border: #272730;
  --app-border-subtle: #FFFFFF0D;
  --app-border-hover: #FFFFFF1A;
  --app-border-active: #FFFFFF33;
  --app-foreground: #FAFAFA;
  --app-muted-foreground: #A1A1AA;
  --app-muted: #272730;
  --app-primary: #FAFAFA;
  --app-success: #26C252;
  --app-destructive: #EF4444;
  --app-primary-tint: #FAFAFA33;

  /* cardTheme / glass*Decoration in theme.dart */
  --app-radius-card: 16px;
  --app-radius-panel: 16px;
  --app-radius-inner: 12px;
  --app-border-width: 1px;

  /* performanceHue(): completion 0..1 -> hue 0deg (red) .. 142deg (green) */
  --app-perf-hue-max: 142;
  --app-perf-saturation: 70%;
  --app-perf-lightness: 50%;

  /* The app renders Arabic in SF Arabic on iOS. system-ui resolves to exactly
     that on Apple platforms, so the simulator's Arabic matches the real app for
     anyone browsing from an iPhone or a Mac; the webfont is the fallback. */
  --app-font: 'Inter', system-ui, -apple-system, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
  --app-font-ar: system-ui, -apple-system, 'IBM Plex Sans Arabic', 'Apple Color Emoji', sans-serif;
  --app-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* Dark textTheme, for reference — app.css states its own type per surface.
   .app-display-large { font-weight: 700; letter-spacing: -1.0px; color: var(--app-foreground); }
   .app-headline-large { font-size: 28px; font-weight: 700; letter-spacing: -0.5px; color: var(--app-foreground); }
   .app-headline-medium { font-size: 22px; font-weight: 600; letter-spacing: -0.3px; color: var(--app-foreground); }
   .app-title-large { font-size: 18px; font-weight: 600; letter-spacing: -0.2px; color: var(--app-foreground); }
   .app-title-medium { font-size: 14px; font-weight: 500; color: var(--app-foreground); }
   .app-body-large { font-size: 15px; color: var(--app-foreground); }
   .app-body-medium { font-size: 13px; color: var(--app-muted-foreground); }
   .app-body-small { font-size: 11px; color: var(--app-muted-foreground); }
   .app-label-small { font-size: 10px; font-weight: 500; letter-spacing: 0.5px; color: var(--app-muted-foreground); }
*/