/* Ledgr — Color tokens
   Lifted verbatim from Expenses/Utils/AppColors.swift + HomeView.swift */
:root {
  /* ---- Brand teal (headers on Jars, primary actions, tab tint, FAB) ---- */
  --brand-teal: #1A8FA0;
  --brand-teal-deep: #0D6E7E;            /* gradientEnd */
  --brand-gradient: linear-gradient(135deg, #1A8FA0 0%, #0D6E7E 100%); /* @kind color */

  /* ---- Wallet header navy (HomeView hero) ---- */
  --navy-top: #1B2559;
  --navy-bottom: #0F1A3E;
  --navy-gradient: linear-gradient(135deg, #1B2559 0%, #0F1A3E 100%); /* @kind color */
  --navy-tile: #1E2B5E;                  /* "All Accounts" icon box */

  /* ---- Transaction-type semantics ---- */
  --income-green: #26A69A;
  --expense-red: #EF5350;
  --transfer-indigo: #5C6BC0;

  /* ---- Budget palette (amber = caution, not celebration) ---- */
  --budget-amber: #CB8A1F;
  --budget-amber-deep: #A66B12;
  --budget-amber-soft: #F6E4C3;
  --budget-bg-top: #FAF1E2;
  --budget-bg-bottom: #F1DFB9;
  --budget-gradient: linear-gradient(135deg, #CB8A1F 0%, #A66B12 100%); /* @kind color */

  /* ---- Spending / pace status ---- */
  --status-comfortable: #4CAF50;
  --status-approaching: #FFA726;
  --status-over: #E53935;

  /* ---- iOS system surfaces ---- */
  --app-background: #F2F2F7;             /* appBackground / systemGray6 */
  --surface-card: #FFFFFF;
  --system-gray6: #F2F2F7;
  --system-gray5: #E5E5EA;
  --system-gray4: #D1D1D6;
  --system-gray3: #C7C7CC;

  /* ---- iOS label hierarchy (on light) ---- */
  --label: #000000;
  --label-87: rgba(0,0,0,0.87);
  --secondary-label: rgba(60,60,67,0.60);
  --tertiary-label: rgba(60,60,67,0.30);
  --on-dark: #FFFFFF;
  --on-dark-85: rgba(255,255,255,0.85);
  --on-dark-75: rgba(255,255,255,0.75);
  --on-dark-15: rgba(255,255,255,0.15);

  /* ---- Categorical palette (accountColorValues — icon boxes, tags, jars) ---- */
  --cat-teal: #1A8FA0;
  --cat-blue: #2196F3;
  --cat-indigo: #5C6BC0;
  --cat-purple: #9C27B0;
  --cat-pink: #E91E63;
  --cat-red: #F44336;
  --cat-deep-orange: #FF5722;
  --cat-orange: #FF9800;
  --cat-amber: #FFB300;
  --cat-green: #4CAF50;
  --cat-teal-green: #26A69A;
  --cat-blue-gray: #607D8B;
  --cat-brown: #795548;
  --cat-gray: #9E9E9E;

  /* ---- Semantic aliases ---- */
  --text-primary: var(--label);
  --text-secondary: var(--secondary-label);
  --text-tertiary: var(--tertiary-label);
  --accent: var(--brand-teal);
  --tint: var(--brand-teal);
}