/* Codea Bosque for django-unfold (Tailwind 4 → every color is a CSS variable).
   Source of truth: mobile-app/lib/core/theme/app_palette.dart + app_tokens.dart.
   Light scale lives in UNFOLD["COLORS"]; Noche (dark) is re-mapped here under html.dark. */

@font-face { font-family: "Inter Tight"; font-weight: 300; font-display: swap; src: url("fonts/InterTight-Light.e21abdbe8711.ttf") format("truetype"); }
@font-face { font-family: "Inter Tight"; font-weight: 400; font-display: swap; src: url("fonts/InterTight-Regular.a199e0eb3432.ttf") format("truetype"); }
@font-face { font-family: "Inter Tight"; font-weight: 500; font-display: swap; src: url("fonts/InterTight-Medium.f099d2933b2b.ttf") format("truetype"); }
@font-face { font-family: "Inter Tight"; font-weight: 600; font-display: swap; src: url("fonts/InterTight-SemiBold.27b967470761.ttf") format("truetype"); }

:root {
  --font-sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --color-white: #f8f5ef; /* surfaceRaised: cards, main, inputs. text-white → onForest */
  --color-red-100: #f3dddc; /* danger: the only status color */
  --color-red-400: #c4514d;
  --color-red-500: #a9302d;
  --color-red-600: #a9302d;
  --color-red-700: #8e2825;
  --color-green-100: #d9e5db; /* "success" labels are forest, not status green */
  --color-green-500: #2f5a3a;
  --color-green-600: #2f5a3a;
  --color-green-700: #27492f;
}

/* Noche. html.dark beats Unfold's inline :root block. */
html.dark {
  --color-white: #ece6d8;
  --color-primary-50: #1b2a1f;
  --color-primary-100: #22382a;
  --color-primary-200: #2c4a33; /* onForestMuted */
  --color-primary-300: #4f7a58;
  --color-primary-400: #7fa987;
  --color-primary-500: #9cc3a0; /* forest (sage) */
  --color-primary-600: #9cc3a0;
  --color-primary-700: #b3d2b6;
  --color-primary-800: #c9e0cb;
  --color-primary-900: #dfecdf;
  --color-primary-950: #eef5ee;
  --color-red-100: #3a1f1e;
  --color-red-400: #f28f8b;
  --color-red-500: #ee6a65;
  --color-red-600: #ee6a65;
  --color-red-700: #f28f8b;
  --color-green-100: #22382a;
  --color-green-500: #9cc3a0;
  --color-green-600: #9cc3a0;
  --color-green-700: #b3d2b6;
}
/* Text on sage is near-black (onForest dark), not bone. */
html.dark :is(.bg-primary-500, .bg-primary-600) { color: #131b15; }

/* Bosque has no shadows: depth is surface → surfaceRaised → surfaceSunken. */
.shadow-xs, .shadow-sm, .shadow-md, .shadow-raised, .shadow-base { --tw-shadow: 0 0 #0000; }

/* Titles tight, numbers light. */
h1, h2 { letter-spacing: -0.03em; }