/* ============================================
   JAMES THE BOOKKEEPER - CLEAN CSS
   Aufgeräumt und ohne doppelte Regeln
   ============================================ */

/* Zentrale Design-Tokens (Farb-/Ink-Tokens) – einzige Quelle, auch für eigenständige Seiten wie login.html */
@import url("/design-tokens.css?v=2");

/* ============ James CI-Farben ============ */
:root {
  --james-yellow: #F9DC5C;
  --james-yellow-light: #FEF9E7;
  --james-yellow-medium: #FEF3C7;
  --james-yellow-dark: #92400E;
  --james-yellow-glow: rgba(249, 220, 92, 0.15);
  --james-yellow-glow-strong: rgba(249, 220, 92, 0.25);

  /* Universelle gestrichelte Trennlinie */
  --dashed-line: 1px dashed #888;

  /* === James UI Tokens (New Design) === */
  /* Farb-/Ink-Tokens (--j-bg, --j-ink, --j-ink-muted, --j-ink-faint) liegen zentral in design-tokens.css */

  /* Noise - Papier-artiges Grain (übertrieben zum Testen) */
  --j-noise-opacity: 0.5;

  /* Strokes - fein wie in Canva */
  --j-stroke: 1px;
  --j-divider: 3px;

  /* Radii */
  --j-r-pill: 999px;
  --j-r-card: 18px;
  --j-r-chip: 10px;

  /* Layout */
  --j-page-x: 48px;
  --j-page-y: 32px;
  --j-col: 740px;

  /* Spacing (8px grid) */
  --j-1: 4px;
  --j-2: 8px;
  --j-3: 12px;
  --j-4: 16px;
  --j-5: 20px;
  --j-6: 24px;
  --j-7: 32px;
  --j-8: 40px;
  --j-9: 48px;

  /* Type - Inter */
  --j-font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --j-t-xs: 11px;
  --j-t-sub: 12px;
  --j-t-md: 13px;
  --j-t-ui: 14px;
  --j-t-body: 14px;
  --j-t-day: 16px;
  --j-t-amt: 16px;
  /* Abschnitts- und Dialogueberschriften. Wertgleich mit --j-t-day/--j-t-amt,
     aber eigenstaendig benannt: Ueberschriften sind weder Tagestitel noch
     Betraege. Ohne diese Stufe muesste man eines der beiden zweckentfremden —
     und wer spaeter die Tagestitel aendert, haette ungewollt alle
     Ueberschriften mitverschoben. */
  --j-t-section: 16px;
  --j-t-title: 18px;
  --j-t-lg: 20px;
  --j-t-logo: 26px;
}