/* Con Sal — iOS dashboard tokens, ported 1:1 from Theme.swift (Con Sal/DesignSystem/Theme.swift).
 * Namespaced --ios-* so this can sit alongside the marketing site's Living Ritual
 * tokens (--ink, --accent, etc.) without colliding — the two systems are close in
 * spirit (warm cream, sage, terracotta) but not identical, and the dashboard is
 * built to match iOS exactly, not to reconcile with Living Ritual's slightly
 * different hexes. See consal-legacy-palette-repaint-2026-09-04.md for that system.
 */
:root {
  /* Backgrounds — warm paper cream */
  --ios-cream: #fdfbf6;      /* app canvas */
  --ios-card-cream: #fbf7f0; /* raised card */
  --ios-sunken: #f1eee6;     /* inset wells / tracks */

  /* Ink — warm near-black through warm grays */
  --ios-ink: #34302a;
  --ios-ink-soft: #7c766b;
  --ios-ink-faint: #9a9284;

  /* Brand — dusty sage-teal (primary), sage (secondary), terracotta (warmth) */
  --ios-teal: #5b7c8d;
  --ios-teal-deep: #3e5a69;
  --ios-sage: #7fa08c;
  --ios-sage-deep: #5e7a68;
  --ios-terracotta: #d9895f;
  --ios-terracotta-deep: #c4703f;
  --ios-gold: #e0c27a;

  /* Soft tints */
  --ios-teal-tint: #eef2f2;
  --ios-sage-tint: #f1f4f1;
  --ios-terracotta-tint: #f5e7da;

  /* Hairlines */
  --ios-border: #e7e0d4;
  --ios-border-strong: #d9cfc0;

  /* Radii (Theme.Radius) */
  --ios-radius-card: 20px;
  --ios-radius-control: 18px;
  --ios-radius-chip: 14px;
  --ios-radius-pill: 999px; /* CSS capsule; iOS's 46pt is just "tall enough to read as a pill" */

  /* Card shadow (ConSalCard: Theme.ink @ 6%, 18 blur, y10, no x) */
  --ios-card-shadow: 0 10px 18px rgba(52,48,42,0.06);

  /* Gradients */
  --ios-teal-fill: linear-gradient(135deg, var(--ios-teal), var(--ios-teal-deep));
  --ios-terracotta-fill: linear-gradient(135deg, var(--ios-terracotta), var(--ios-terracotta-deep));
  --ios-journey-fill: linear-gradient(90deg, var(--ios-sage), var(--ios-gold), var(--ios-terracotta));
}