{
 "$description": "Madhav Nair design tokens, W3C Design Tokens (DTCG) format. Generated from base.css + tokens.css + themes.css. https://madhavnair.in/design/",
 "base": {
  "font": {
   "$value": "\"Inter\",\"Inter Display\",system-ui,-apple-system,\"Segoe UI\",sans-serif",
   "$type": "fontFamily"
  },
  "mono": {
   "$value": "ui-monospace,SFMono-Regular,Menlo,monospace",
   "$type": "fontFamily"
  },
  "lime": {
   "$value": "#d9ff5c",
   "$type": "color"
  },
  "on-lime": {
   "$value": "#14142d",
   "$type": "color"
  },
  "ease": {
   "$value": "cubic-bezier(.22,1.12,.36,1)",
   "$type": "cubicBezier"
  },
  "ease-out": {
   "$value": "cubic-bezier(.16,1,.3,1)",
   "$type": "cubicBezier"
  },
  "r-sm": {
   "$value": "8px",
   "$type": "dimension"
  },
  "r": {
   "$value": "12px",
   "$type": "dimension"
  },
  "r-lg": {
   "$value": "24px",
   "$type": "dimension"
  },
  "r-xl": {
   "$value": "40px",
   "$type": "dimension"
  },
  "r-pill": {
   "$value": "999px",
   "$type": "dimension"
  },
  "container": {
   "$value": "1200px",
   "$type": "dimension"
  }
 },
 "mode": {
  "light": {
   "page": {
    "$value": "#ffffff",
    "$type": "color"
   },
   "page-tint": {
    "$value": "#ebeff5",
    "$type": "color"
   },
   "wash": {
    "$value": "#eceef8",
    "$type": "color"
   },
   "surface": {
    "$value": "#ffffff",
    "$type": "color"
   },
   "surface-2": {
    "$value": "#f4f5fb",
    "$type": "color"
   },
   "frame": {
    "$value": "#e6e9f3",
    "$type": "color"
   },
   "frame-2": {
    "$value": "#d6dbe9",
    "$type": "color"
   },
   "ink": {
    "$value": "#242426",
    "$type": "color"
   },
   "ink-2": {
    "$value": "#4d4f57",
    "$type": "color"
   },
   "muted": {
    "$value": "#686882",
    "$type": "color"
   },
   "faint": {
    "$value": "#9391b8",
    "$type": "color"
   },
   "line": {
    "$value": "rgba(36,36,38,.08)",
    "$type": "color"
   },
   "line-2": {
    "$value": "rgba(36,36,38,.14)",
    "$type": "color"
   },
   "dark": {
    "$value": "#242426",
    "$type": "color"
   },
   "dark-ink": {
    "$value": "#ffffff",
    "$type": "color"
   },
   "dark-muted": {
    "$value": "rgba(255,255,255,.6)",
    "$type": "color"
   },
   "shadow": {
    "$value": "0 .6px .6px -1.25px rgba(0,0,0,.09),0 2.3px 2.3px -2.5px rgba(0,0,0,.08),0 10px 10px -3.75px rgba(0,0,0,.05)",
    "$type": "shadow"
   },
   "shadow-lg": {
    "$value": "0 4px 8px rgba(0,0,0,.06),0 24px 48px -12px rgba(20,20,45,.18)",
    "$type": "shadow"
   },
   "header-bg": {
    "$value": "rgba(255,255,255,.72)",
    "$type": "color"
   },
   "focus": {
    "$value": "#77759e",
    "$type": "color"
   },
   "pill": {
    "$value": "var(--ink)"
   }
  },
  "dark": {
   "page": {
    "$value": "#0f0f10",
    "$type": "color"
   },
   "page-tint": {
    "$value": "#17171c",
    "$type": "color"
   },
   "wash": {
    "$value": "#16161b",
    "$type": "color"
   },
   "surface": {
    "$value": "#1c1c1f",
    "$type": "color"
   },
   "surface-2": {
    "$value": "#242426",
    "$type": "color"
   },
   "frame": {
    "$value": "#2a2a31",
    "$type": "color"
   },
   "frame-2": {
    "$value": "#343647",
    "$type": "color"
   },
   "ink": {
    "$value": "#ebedfa",
    "$type": "color"
   },
   "ink-2": {
    "$value": "#b7b9c9",
    "$type": "color"
   },
   "muted": {
    "$value": "#8a8aa3",
    "$type": "color"
   },
   "faint": {
    "$value": "#9391b8",
    "$type": "color"
   },
   "line": {
    "$value": "rgba(235,237,250,.08)",
    "$type": "color"
   },
   "line-2": {
    "$value": "rgba(235,237,250,.14)",
    "$type": "color"
   },
   "dark": {
    "$value": "#ebedfa",
    "$type": "color"
   },
   "dark-ink": {
    "$value": "#14142d",
    "$type": "color"
   },
   "dark-muted": {
    "$value": "rgba(20,20,45,.62)",
    "$type": "color"
   },
   "shadow": {
    "$value": "0 1px 2px rgba(0,0,0,.4),0 10px 20px -6px rgba(0,0,0,.4)",
    "$type": "shadow"
   },
   "shadow-lg": {
    "$value": "0 4px 8px rgba(0,0,0,.25),0 30px 60px -16px rgba(0,0,0,.7)",
    "$type": "shadow"
   },
   "header-bg": {
    "$value": "rgba(15,15,16,.72)",
    "$type": "color"
   },
   "focus": {
    "$value": "#9391b8",
    "$type": "color"
   },
   "pill": {
    "$value": "#232328",
    "$type": "color"
   }
  }
 },
 "scale": {
  "s-1": {
   "$value": "4px",
   "$type": "dimension"
  },
  "s-2": {
   "$value": "8px",
   "$type": "dimension"
  },
  "s-3": {
   "$value": "12px",
   "$type": "dimension"
  },
  "s-4": {
   "$value": "16px",
   "$type": "dimension"
  },
  "s-5": {
   "$value": "24px",
   "$type": "dimension"
  },
  "s-6": {
   "$value": "32px",
   "$type": "dimension"
  },
  "s-7": {
   "$value": "48px",
   "$type": "dimension"
  },
  "s-8": {
   "$value": "64px",
   "$type": "dimension"
  },
  "s-9": {
   "$value": "96px",
   "$type": "dimension"
  },
  "gutter": {
   "$value": "16px",
   "$type": "dimension"
  },
  "r-sm": {
   "$value": "8px",
   "$type": "dimension"
  },
  "r": {
   "$value": "12px",
   "$type": "dimension"
  },
  "r-lg": {
   "$value": "24px",
   "$type": "dimension"
  },
  "r-pill": {
   "$value": "999px",
   "$type": "dimension"
  },
  "t-xs": {
   "$value": "12px",
   "$type": "dimension"
  },
  "t-sm": {
   "$value": "14px",
   "$type": "dimension"
  },
  "t-md": {
   "$value": "16px",
   "$type": "dimension"
  },
  "t-lg": {
   "$value": "18px",
   "$type": "dimension"
  },
  "t-xl": {
   "$value": "clamp(22px,2.4vw,28px)",
   "$type": "dimension"
  },
  "t-2xl": {
   "$value": "clamp(28px,3.4vw,40px)",
   "$type": "dimension"
  },
  "t-3xl": {
   "$value": "clamp(40px,7vw,88px)",
   "$type": "dimension"
  },
  "lh-tight": {
   "$value": "1.05"
  },
  "lh-snug": {
   "$value": "1.25"
  },
  "lh-body": {
   "$value": "1.55"
  },
  "track-tight": {
   "$value": "-.035em",
   "$type": "dimension"
  },
  "track-body": {
   "$value": "-.01em",
   "$type": "dimension"
  },
  "w-regular": {
   "$value": "400"
  },
  "w-medium": {
   "$value": "500"
  },
  "w-semibold": {
   "$value": "600"
  },
  "bw": {
   "$value": "1px",
   "$type": "dimension"
  },
  "border": {
   "$value": "inset 0 0 0 var(--bw) var(--line)"
  },
  "border-strong": {
   "$value": "inset 0 0 0 var(--bw) var(--line-2)"
  },
  "d-fast": {
   "$value": ".15s",
   "$type": "duration"
  },
  "d-base": {
   "$value": ".3s",
   "$type": "duration"
  },
  "d-slow": {
   "$value": ".6s",
   "$type": "duration"
  },
  "bp-phone": {
   "$value": "640px",
   "$type": "dimension"
  },
  "bp-tablet": {
   "$value": "900px",
   "$type": "dimension"
  },
  "bp-wide": {
   "$value": "1440px",
   "$type": "dimension"
  }
 },
 "semantic": {
  "bg-page": {
   "$value": "{page}"
  },
  "bg-raised": {
   "$value": "{surface}"
  },
  "bg-sunken": {
   "$value": "{surface-2}"
  },
  "fg": {
   "$value": "{ink}"
  },
  "fg-2": {
   "$value": "{ink-2}"
  },
  "fg-muted": {
   "$value": "{muted}"
  },
  "accent": {
   "$value": "{lime}"
  },
  "on-accent": {
   "$value": "{on-lime}"
  },
  "chrome": {
   "$value": "{page}"
  },
  "focus-ring": {
   "$value": "{focus}"
  },
  "shadow-1": {
   "$value": "{shadow}"
  },
  "shadow-2": {
   "$value": "{shadow-lg}"
  }
 },
 "theme": {
  "hairline": {
   "page": {
    "$value": "#0c0c0d",
    "$type": "color"
   },
   "surface": {
    "$value": "#151516",
    "$type": "color"
   },
   "surface-2": {
    "$value": "#1c1c1e",
    "$type": "color"
   },
   "frame": {
    "$value": "#202023",
    "$type": "color"
   },
   "frame-2": {
    "$value": "#2a2a2e",
    "$type": "color"
   },
   "pill": {
    "$value": "#1c1c1e",
    "$type": "color"
   },
   "tint": {
    "$value": "10%",
    "$type": "dimension"
   }
  },
  "layered": {
   "page": {
    "$value": "#0a0a0c",
    "$type": "color"
   },
   "surface": {
    "$value": "#141315",
    "$type": "color"
   },
   "surface-2": {
    "$value": "#1b1a1d",
    "$type": "color"
   },
   "frame": {
    "$value": "#1f1e22",
    "$type": "color"
   },
   "frame-2": {
    "$value": "#2b2a30",
    "$type": "color"
   },
   "pill": {
    "$value": "#1b1a1d",
    "$type": "color"
   },
   "tint": {
    "$value": "16%",
    "$type": "dimension"
   },
   "grain": {
    "$value": ".035"
   }
  },
  "signal": {
   "page": {
    "$value": "#09090a",
    "$type": "color"
   },
   "surface": {
    "$value": "#131214",
    "$type": "color"
   },
   "surface-2": {
    "$value": "#1a191c",
    "$type": "color"
   },
   "frame": {
    "$value": "#1c1b1f",
    "$type": "color"
   },
   "frame-2": {
    "$value": "#28272c",
    "$type": "color"
   },
   "pill": {
    "$value": "#1a191c",
    "$type": "color"
   },
   "tint": {
    "$value": "22%",
    "$type": "dimension"
   },
   "grain": {
    "$value": ".05"
   }
  }
 },
 "accent": {
  "lime": {
   "lime": {
    "$value": "#d9ff5c",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#14142d",
    "$type": "color"
   }
  },
  "mint": {
   "lime": {
    "$value": "#6fe3c4",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#061a15",
    "$type": "color"
   }
  },
  "amber": {
   "lime": {
    "$value": "#ffc94a",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#1a1203",
    "$type": "color"
   }
  },
  "coral": {
   "lime": {
    "$value": "#ff8a7a",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#1f0805",
    "$type": "color"
   }
  },
  "periwinkle": {
   "lime": {
    "$value": "#a3b3ff",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#0b1030",
    "$type": "color"
   }
  },
  "paper": {
   "lime": {
    "$value": "#f2efe8",
    "$type": "color"
   },
   "on-lime": {
    "$value": "#161514",
    "$type": "color"
   }
  }
 }
}