/**
 * @kalaiworks/tokens
 * ─────────────────────────────────────────────────────────────────────────────
 * Kalai design system CSS custom properties.
 *
 * These are the single source of truth for all visual design decisions.
 * When you change a value here and publish a new version, every app that
 * links this file via the jsDelivr CDN will reflect the change automatically:
 *
 *   <link rel="stylesheet"
 *     href="https://cdn.jsdelivr.net/npm/@kalaiworks/tokens@1/tokens.css" />
 *
 * Token values use Tailwind CSS v3 HSL bare-number format (no hsl() wrapper),
 * e.g.  --primary: 221.2 83.2% 53.3%
 * ─────────────────────────────────────────────────────────────────────────────
 */

@layer base {
  :root {
    /* ── Backgrounds ─────────────────────────────────────────────────────── */
    --background:         210 40% 98%;      /* App bg      #f6f7fb */
    --foreground:         222.2 47.4% 11.2%;

    /* ── Card / Popover ──────────────────────────────────────────────────── */
    --card:               0 0% 100%;        /* White */
    --card-foreground:    222.2 47.4% 11.2%;
    --popover:            0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;

    /* ── Primary (Kalai blue) ────────────────────────────────────────────── */
    --primary:            221.2 83.2% 53.3%;  /* #1877F3 */
    --primary-foreground: 210 40% 98%;

    /* ── Secondary / Muted / Accent ──────────────────────────────────────── */
    --secondary:          210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted:              210 40% 96.1%;
    --muted-foreground:   215.4 16.3% 46.9%;
    --accent:             210 40% 96.1%;
    --accent-foreground:  222.2 47.4% 11.2%;

    /* ── Destructive ─────────────────────────────────────────────────────── */
    --destructive:        0 72.2% 50.6%;
    --destructive-foreground: 210 40% 98%;

    /* ── Border / Input / Ring ───────────────────────────────────────────── */
    --border:             214.3 31.8% 91.4%;
    --input:              214.3 31.8% 91.4%;
    --ring:               221.2 83.2% 53.3%;

    /* ── Border radius ───────────────────────────────────────────────────── */
    --radius:             0.75rem;
  }
}