/* ============================================================
   Khoshà Systems light theme for the Vega Suite demos.
   Warm-stone neutrals extracted from khoshasystems.com
   (#fafaf9 ground · #1c1917 ink · stone ramp), applied as KDS
   token overrides — no component rewrites.
   Load AFTER kds/tokens.css on pages with data-kds-theme="light".
   ============================================================ */

[data-kds-theme="light"] {
  /* warm-stone surfaces (khoshasystems.com palette) */
  --kds-bg: #fafaf9;            /* stone-50 */
  --kds-surface: #ffffff;
  --kds-surface-2: #f5f5f4;     /* stone-100 */
  --kds-border: #e7e5e4;        /* stone-200 */
  --kds-border-strong: #d6d3d1; /* stone-300 */

  /* warm ink */
  --kds-fg: #1c1917;            /* stone-900 */
  --kds-fg-muted: #57534e;      /* stone-600 */
  --kds-fg-faint: #a8a29e;      /* stone-400 */

  /* suite accent: Vega violet, deepened for 4.5:1 on white */
  --kds-accent: #5b4bd6;
  --kds-brand: #5b4bd6;
  --kds-accent-fg: #ffffff;
  --kds-brand-fg: #ffffff;

  --kds-focus-ring: color-mix(in srgb, var(--kds-accent) 55%, transparent);
  --kds-scrim: rgba(28, 25, 23, 0.4);
  --kds-shadow-1: 0 1px 2px rgba(28, 25, 23, 0.06);
  --kds-shadow-2: 0 6px 24px rgba(28, 25, 23, 0.08);
  --kds-shadow-3: 0 16px 48px rgba(28, 25, 23, 0.14);
}