{
  "$description": "ASWINOLOGY° design tokens. Colour values are { light, dark } pairs. Source: https://components.aswinology.com/tokens",
  "shared": {
    "space": {
      "0": {
        "$type": "dimension",
        "$value": "0px"
      },
      "1": {
        "$type": "dimension",
        "$value": "4px"
      },
      "2": {
        "$type": "dimension",
        "$value": "8px"
      },
      "3": {
        "$type": "dimension",
        "$value": "12px"
      },
      "4": {
        "$type": "dimension",
        "$value": "16px"
      },
      "5": {
        "$type": "dimension",
        "$value": "24px"
      },
      "6": {
        "$type": "dimension",
        "$value": "32px"
      },
      "7": {
        "$type": "dimension",
        "$value": "48px"
      },
      "8": {
        "$type": "dimension",
        "$value": "64px"
      },
      "9": {
        "$type": "dimension",
        "$value": "96px"
      },
      "10": {
        "$type": "dimension",
        "$value": "144px"
      }
    },
    "z": {
      "base": {
        "$type": "number",
        "$value": 1
      },
      "sticky": {
        "$type": "number",
        "$value": 20
      },
      "header": {
        "$type": "number",
        "$value": 40
      },
      "overlay": {
        "$type": "number",
        "$value": 60
      },
      "dialog": {
        "$type": "number",
        "$value": 70
      },
      "toast": {
        "$type": "number",
        "$value": 80
      },
      "tooltip": {
        "$type": "number",
        "$value": 90
      }
    },
    "breakpoint": {
      "sm": {
        "$type": "dimension",
        "$value": "640px"
      },
      "md": {
        "$type": "dimension",
        "$value": "768px"
      },
      "lg": {
        "$type": "dimension",
        "$value": "1024px"
      },
      "xl": {
        "$type": "dimension",
        "$value": "1280px"
      }
    }
  },
  "aswinology": {
    "$description": "Parent brand. Soft Swiss: one variable grotesk, warm paper, graphite ink and a single lime degree mark.",
    "primitive": {
      "paper": {
        "$type": "color",
        "$value": "#f8f7f4"
      },
      "paper-2": {
        "$type": "color",
        "$value": "#f1efeb"
      },
      "paper-3": {
        "$type": "color",
        "$value": "#e6e3dd"
      },
      "paper-white": {
        "$type": "color",
        "$value": "#fefdfb"
      },
      "ink": {
        "$type": "color",
        "$value": "#26262b"
      },
      "ink-2": {
        "$type": "color",
        "$value": "#4f4f57"
      },
      "ash": {
        "$type": "color",
        "$value": "#66666d"
      },
      "lime": {
        "$type": "color",
        "$value": "#cdf46e"
      },
      "lime-deep": {
        "$type": "color",
        "$value": "#b8e64f"
      },
      "lime-ink": {
        "$type": "color",
        "$value": "#3d5c00"
      },
      "lime-neon": {
        "$type": "color",
        "$value": "#b9ff38"
      },
      "lime-soft": {
        "$type": "color",
        "$value": "#eef8d2"
      },
      "graphite": {
        "$type": "color",
        "$value": "#0f100e"
      },
      "graphite-2": {
        "$type": "color",
        "$value": "#181a17"
      },
      "graphite-3": {
        "$type": "color",
        "$value": "#252823"
      },
      "graphite-4": {
        "$type": "color",
        "$value": "#1f221e"
      },
      "bone": {
        "$type": "color",
        "$value": "#ecece6"
      },
      "bone-2": {
        "$type": "color",
        "$value": "#c4c5bd"
      },
      "ash-dark": {
        "$type": "color",
        "$value": "#9a9c94"
      },
      "tint-blue": {
        "$type": "color",
        "$value": "#dcebff"
      },
      "tint-butter": {
        "$type": "color",
        "$value": "#fff0c4"
      },
      "tint-sage": {
        "$type": "color",
        "$value": "#d8f3e2"
      },
      "tint-coral": {
        "$type": "color",
        "$value": "#ffdfe4"
      },
      "tint-lime": {
        "$type": "color",
        "$value": "#e4f9aa"
      }
    },
    "color": {
      "bg": {
        "$type": "color",
        "$value": {
          "light": "#f8f7f4",
          "dark": "#0f100e"
        },
        "$description": "Page background"
      },
      "bg-alt": {
        "$type": "color",
        "$value": {
          "light": "#f1efeb",
          "dark": "#181a17"
        },
        "$description": "Alternate band, sidebars, code blocks"
      },
      "surface": {
        "$type": "color",
        "$value": {
          "light": "#fefdfb",
          "dark": "#181a17"
        },
        "$description": "Cards, inputs, menus"
      },
      "surface-raised": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "#252823"
        },
        "$description": "Popovers, dialogs, toasts"
      },
      "surface-sunken": {
        "$type": "color",
        "$value": {
          "light": "#f1efeb",
          "dark": "#0a0b0a"
        },
        "$description": "Wells, tracks, inset areas"
      },
      "fg": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#ecece6"
        },
        "$description": "Body text and headings"
      },
      "fg-2": {
        "$type": "color",
        "$value": {
          "light": "#4f4f57",
          "dark": "#c4c5bd"
        },
        "$description": "Secondary text, descriptions"
      },
      "muted": {
        "$type": "color",
        "$value": {
          "light": "#66666d",
          "dark": "#9a9c94"
        },
        "$description": "Captions, placeholders, metadata"
      },
      "line": {
        "$type": "color",
        "$value": {
          "light": "rgb(38 38 43 / 0.1)",
          "dark": "rgb(236 236 230 / 0.13)"
        },
        "$description": "Hairlines and dividers"
      },
      "line-strong": {
        "$type": "color",
        "$value": {
          "light": "rgb(38 38 43 / 0.5)",
          "dark": "rgb(236 236 230 / 0.46)"
        },
        "$description": "Input borders, outline buttons (3:1 against bg)"
      },
      "accent": {
        "$type": "color",
        "$value": {
          "light": "#cdf46e",
          "dark": "#b9ff38"
        },
        "$description": "Brand mark and fills. Never body text on light backgrounds"
      },
      "on-accent": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#0f100e"
        },
        "$description": "Text on accent fills"
      },
      "accent-text": {
        "$type": "color",
        "$value": {
          "light": "#3d5c00",
          "dark": "#b9ff38"
        },
        "$description": "Accent coloured text and links"
      },
      "accent-soft": {
        "$type": "color",
        "$value": {
          "light": "#eef8d2",
          "dark": "#1d2312"
        },
        "$description": "Selected rows, soft highlights"
      },
      "primary": {
        "$type": "color",
        "$value": {
          "light": "#cdf46e",
          "dark": "#b9ff38"
        },
        "$description": "Primary button fill"
      },
      "on-primary": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#0f100e"
        },
        "$description": "Text on primary"
      },
      "primary-hover": {
        "$type": "color",
        "$value": {
          "light": "#b8e64f",
          "dark": "#cbff6b"
        },
        "$description": "Primary hover fill"
      },
      "secondary": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#ecece6"
        },
        "$description": "Secondary button fill"
      },
      "on-secondary": {
        "$type": "color",
        "$value": {
          "light": "#f8f7f4",
          "dark": "#0f100e"
        },
        "$description": "Text on secondary"
      },
      "secondary-hover": {
        "$type": "color",
        "$value": {
          "light": "#3a3a41",
          "dark": "#ffffff"
        },
        "$description": "Secondary hover fill"
      },
      "focus": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#ecece6"
        },
        "$description": "Focus outline"
      },
      "focus-halo": {
        "$type": "color",
        "$value": {
          "light": "#cdf46e",
          "dark": "#b9ff38"
        },
        "$description": "Outer focus halo"
      },
      "success": {
        "$type": "color",
        "$value": {
          "light": "#3b7527",
          "dark": "#9be37a"
        },
        "$description": "Success text and icons"
      },
      "success-soft": {
        "$type": "color",
        "$value": {
          "light": "#e3f1da",
          "dark": "#17220f"
        },
        "$description": "Success background"
      },
      "warning": {
        "$type": "color",
        "$value": {
          "light": "#8a5600",
          "dark": "#f2b84b"
        },
        "$description": "Warning text and icons"
      },
      "warning-soft": {
        "$type": "color",
        "$value": {
          "light": "#fbefd6",
          "dark": "#2a2110"
        },
        "$description": "Warning background"
      },
      "danger": {
        "$type": "color",
        "$value": {
          "light": "#b8372b",
          "dark": "#ff8a6b"
        },
        "$description": "Errors and destructive actions"
      },
      "on-danger": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "#0f100e"
        },
        "$description": "Text on danger fills"
      },
      "danger-soft": {
        "$type": "color",
        "$value": {
          "light": "#fbe4e1",
          "dark": "#2c1612"
        },
        "$description": "Error background"
      },
      "info": {
        "$type": "color",
        "$value": {
          "light": "#2b59c3",
          "dark": "#8fb0ff"
        },
        "$description": "Informational text and icons"
      },
      "info-soft": {
        "$type": "color",
        "$value": {
          "light": "#e3ebfb",
          "dark": "#151c2e"
        },
        "$description": "Informational background"
      },
      "overlay": {
        "$type": "color",
        "$value": {
          "light": "rgb(38 38 43 / 0.42)",
          "dark": "rgb(0 0 0 / 0.7)"
        },
        "$description": "Dialog and sheet backdrop"
      },
      "tint-1": {
        "$type": "color",
        "$value": {
          "light": "#dcebff",
          "dark": "#1a2028"
        },
        "$description": "Paper tint, cool"
      },
      "tint-2": {
        "$type": "color",
        "$value": {
          "light": "#fff0c4",
          "dark": "#23211a"
        },
        "$description": "Paper tint, warm"
      },
      "tint-3": {
        "$type": "color",
        "$value": {
          "light": "#d8f3e2",
          "dark": "#1b2119"
        },
        "$description": "Paper tint, fresh"
      },
      "tint-4": {
        "$type": "color",
        "$value": {
          "light": "#ffdfe4",
          "dark": "#261d19"
        },
        "$description": "Paper tint, soft"
      },
      "tint-accent": {
        "$type": "color",
        "$value": {
          "light": "#e4f9aa",
          "dark": "#1d2312"
        },
        "$description": "Paper tint, brand"
      },
      "selection-bg": {
        "$type": "color",
        "$value": {
          "light": "#cdf46e",
          "dark": "#b9ff38"
        },
        "$description": "Text selection"
      },
      "selection-fg": {
        "$type": "color",
        "$value": {
          "light": "#26262b",
          "dark": "#0f100e"
        },
        "$description": "Text on selection"
      }
    },
    "font": {
      "display": {
        "$type": "fontFamily",
        "$value": "var(--f-archivo, \"Archivo\"), var(--f-anuphan, \"Anuphan\"), ui-sans-serif, system-ui, sans-serif"
      },
      "body": {
        "$type": "fontFamily",
        "$value": "var(--f-archivo, \"Archivo\"), var(--f-anuphan, \"Anuphan\"), ui-sans-serif, system-ui, sans-serif"
      },
      "thai": {
        "$type": "fontFamily",
        "$value": "var(--f-anuphan, \"Anuphan\"), var(--f-archivo, \"Archivo\"), ui-sans-serif, system-ui, sans-serif"
      },
      "mono": {
        "$type": "fontFamily",
        "$value": "var(--f-geist-mono, \"Geist Mono\"), ui-monospace, \"SFMono-Regular\", Menlo, monospace"
      }
    },
    "type": {
      "display-weight": {
        "$type": "typography",
        "$value": "700"
      },
      "heading-weight": {
        "$type": "typography",
        "$value": "650"
      },
      "body-weight": {
        "$type": "typography",
        "$value": "400"
      },
      "display-tracking": {
        "$type": "typography",
        "$value": "-0.045em"
      },
      "heading-tracking": {
        "$type": "typography",
        "$value": "-0.03em"
      },
      "meta-tracking": {
        "$type": "typography",
        "$value": "0.06em"
      },
      "display-stretch": {
        "$type": "typography",
        "$value": "100"
      },
      "body-size": {
        "$type": "typography",
        "$value": "1.0625rem"
      },
      "display": {
        "$type": "typography",
        "$value": "clamp(3rem, 7.4vw, 6.75rem)"
      },
      "h1": {
        "$type": "typography",
        "$value": "clamp(2.25rem, 4.6vw, 4rem)"
      },
      "h2": {
        "$type": "typography",
        "$value": "clamp(1.75rem, 3vw, 2.625rem)"
      },
      "h3": {
        "$type": "typography",
        "$value": "clamp(1.25rem, 1.8vw, 1.625rem)"
      },
      "lead": {
        "$type": "typography",
        "$value": "clamp(1.125rem, 1.5vw, 1.375rem)"
      },
      "small": {
        "$type": "typography",
        "$value": "0.875rem"
      },
      "meta": {
        "$type": "typography",
        "$value": "0.75rem"
      },
      "leading-tight": {
        "$type": "typography",
        "$value": "0.98"
      },
      "leading-snug": {
        "$type": "typography",
        "$value": "1.2"
      },
      "leading-body": {
        "$type": "typography",
        "$value": "1.6"
      }
    },
    "radius": {
      "xs": {
        "$type": "dimension",
        "$value": "6px"
      },
      "sm": {
        "$type": "dimension",
        "$value": "10px"
      },
      "md": {
        "$type": "dimension",
        "$value": "18px"
      },
      "lg": {
        "$type": "dimension",
        "$value": "28px"
      },
      "pill": {
        "$type": "dimension",
        "$value": "999px"
      }
    },
    "shadow": {
      "sm": {
        "$type": "shadow",
        "$value": "0 1px 2px light-dark(rgb(38 38 43 / 0.06), rgb(0 0 0 / 0.4))"
      },
      "md": {
        "$type": "shadow",
        "$value": "0 18px 40px -24px light-dark(rgb(38 38 43 / 0.28), rgb(0 0 0 / 0.7))"
      },
      "lg": {
        "$type": "shadow",
        "$value": "0 40px 80px -40px light-dark(rgb(38 38 43 / 0.38), rgb(0 0 0 / 0.8))"
      }
    },
    "motion": {
      "ease-out": {
        "$type": "transition",
        "$value": "cubic-bezier(0.16, 1, 0.3, 1)"
      },
      "ease-in-out": {
        "$type": "transition",
        "$value": "cubic-bezier(0.76, 0, 0.24, 1)"
      },
      "ease-spring": {
        "$type": "transition",
        "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
      },
      "dur-fast": {
        "$type": "transition",
        "$value": "180ms"
      },
      "dur-base": {
        "$type": "transition",
        "$value": "320ms"
      },
      "dur-slow": {
        "$type": "transition",
        "$value": "700ms"
      }
    },
    "component": {
      "btn-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "btn-shadow": {
        "$type": "other",
        "$value": "none"
      },
      "btn-primary-shadow": {
        "$type": "other",
        "$value": "none"
      },
      "btn-chip-bg": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "btn-chip-fg": {
        "$type": "other",
        "$value": "var(--bg)"
      },
      "btn-chip-size": {
        "$type": "other",
        "$value": "32px"
      },
      "field-radius": {
        "$type": "other",
        "$value": "var(--radius-sm)"
      },
      "field-bg": {
        "$type": "other",
        "$value": "var(--surface)"
      },
      "card-radius": {
        "$type": "other",
        "$value": "var(--radius-lg)"
      },
      "card-bg": {
        "$type": "other",
        "$value": "var(--surface)"
      },
      "card-border": {
        "$type": "other",
        "$value": "var(--line)"
      },
      "card-shadow": {
        "$type": "other",
        "$value": "none"
      },
      "card-blur": {
        "$type": "other",
        "$value": "none"
      },
      "card-hover-shadow": {
        "$type": "other",
        "$value": "var(--shadow-md)"
      },
      "panel-radius": {
        "$type": "other",
        "$value": "var(--radius-md)"
      },
      "chip-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "header-bg": {
        "$type": "other",
        "$value": "light-dark(rgb(248 247 244 / 0.82), rgb(15 16 14 / 0.82))"
      },
      "header-radius": {
        "$type": "other",
        "$value": "0px"
      },
      "page-decor": {
        "$type": "other",
        "$value": "none"
      },
      "btn-outline-hover-bg": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "btn-outline-hover-fg": {
        "$type": "other",
        "$value": "var(--bg)"
      },
      "btn-outline-hover-border": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "btn-ghost-hover-bg": {
        "$type": "other",
        "$value": "var(--bg-alt)"
      },
      "btn-ghost-hover-fg": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "btn-secondary-border": {
        "$type": "other",
        "$value": "transparent"
      },
      "btn-secondary-blur": {
        "$type": "other",
        "$value": "none"
      },
      "switch-thumb-off": {
        "$type": "other",
        "$value": "var(--muted)"
      },
      "switch-thumb-shadow": {
        "$type": "other",
        "$value": "none"
      },
      "chip-on-bg": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "chip-on-fg": {
        "$type": "other",
        "$value": "var(--bg)"
      },
      "chip-on-border": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "progress-bar": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "tablist-bg": {
        "$type": "other",
        "$value": "transparent"
      },
      "tablist-pad": {
        "$type": "other",
        "$value": "0px"
      },
      "tablist-radius": {
        "$type": "other",
        "$value": "0px"
      },
      "tablist-border": {
        "$type": "other",
        "$value": "var(--line)"
      },
      "tab-radius": {
        "$type": "other",
        "$value": "0px"
      },
      "tab-active-bg": {
        "$type": "other",
        "$value": "transparent"
      },
      "tab-active-line": {
        "$type": "other",
        "$value": "var(--fg)"
      },
      "tab-active-shadow": {
        "$type": "other",
        "$value": "none"
      },
      "dialog-shadow": {
        "$type": "other",
        "$value": "var(--shadow-lg)"
      },
      "only-aswinology": {
        "$type": "other",
        "$value": "contents"
      },
      "only-lurnelle": {
        "$type": "other",
        "$value": "none"
      },
      "mark-color": {
        "$type": "other",
        "$value": "var(--accent)"
      }
    }
  },
  "lurnelle": {
    "$description": "Learning product by ASWINOLOGY°. Bright mist, glass and clay surfaces, a slate and periwinkle pair with sun, mint and peach as highlights.",
    "primitive": {
      "mist": {
        "$type": "color",
        "$value": "#f5f5f7"
      },
      "mist-2": {
        "$type": "color",
        "$value": "#ececf0"
      },
      "ink": {
        "$type": "color",
        "$value": "#1d1d1f"
      },
      "ink-2": {
        "$type": "color",
        "$value": "#3a3b45"
      },
      "ash": {
        "$type": "color",
        "$value": "#5f6068"
      },
      "slate": {
        "$type": "color",
        "$value": "#4b4e6d"
      },
      "slate-deep": {
        "$type": "color",
        "$value": "#3a3c57"
      },
      "peri": {
        "$type": "color",
        "$value": "#8b8ff7"
      },
      "peri-ink": {
        "$type": "color",
        "$value": "#4a4fc4"
      },
      "peri-soft": {
        "$type": "color",
        "$value": "#e4e5ff"
      },
      "peri-light": {
        "$type": "color",
        "$value": "#b4b7ff"
      },
      "sun": {
        "$type": "color",
        "$value": "#ffd166"
      },
      "sun-soft": {
        "$type": "color",
        "$value": "#fff1cc"
      },
      "mint": {
        "$type": "color",
        "$value": "#9be3c9"
      },
      "mint-soft": {
        "$type": "color",
        "$value": "#ddf6ec"
      },
      "peach": {
        "$type": "color",
        "$value": "#ffc4a8"
      },
      "peach-soft": {
        "$type": "color",
        "$value": "#ffe6da"
      },
      "night": {
        "$type": "color",
        "$value": "#111226"
      },
      "night-2": {
        "$type": "color",
        "$value": "#181a33"
      },
      "night-3": {
        "$type": "color",
        "$value": "#23254a"
      },
      "haze": {
        "$type": "color",
        "$value": "#ececf8"
      },
      "haze-2": {
        "$type": "color",
        "$value": "#c5c7e0"
      },
      "ash-dark": {
        "$type": "color",
        "$value": "#a0a2c4"
      }
    },
    "color": {
      "bg": {
        "$type": "color",
        "$value": {
          "light": "#f5f5f7",
          "dark": "#111226"
        },
        "$description": "Page background"
      },
      "bg-alt": {
        "$type": "color",
        "$value": {
          "light": "#ececf0",
          "dark": "#181a33"
        },
        "$description": "Alternate band, sidebars, code blocks"
      },
      "surface": {
        "$type": "color",
        "$value": {
          "light": "#fdfdff",
          "dark": "#181a33"
        },
        "$description": "Cards, inputs, menus"
      },
      "surface-raised": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "#23254a"
        },
        "$description": "Popovers, dialogs, toasts"
      },
      "surface-sunken": {
        "$type": "color",
        "$value": {
          "light": "#ececf0",
          "dark": "#0b0c1c"
        },
        "$description": "Wells, tracks, inset areas"
      },
      "fg": {
        "$type": "color",
        "$value": {
          "light": "#1d1d1f",
          "dark": "#ececf8"
        },
        "$description": "Body text and headings"
      },
      "fg-2": {
        "$type": "color",
        "$value": {
          "light": "#3a3b45",
          "dark": "#c5c7e0"
        },
        "$description": "Secondary text, descriptions"
      },
      "muted": {
        "$type": "color",
        "$value": {
          "light": "#5f6068",
          "dark": "#a0a2c4"
        },
        "$description": "Captions, placeholders, metadata"
      },
      "line": {
        "$type": "color",
        "$value": {
          "light": "rgb(29 29 31 / 0.09)",
          "dark": "rgb(236 236 248 / 0.12)"
        },
        "$description": "Hairlines and dividers"
      },
      "line-strong": {
        "$type": "color",
        "$value": {
          "light": "rgb(75 78 109 / 0.68)",
          "dark": "rgb(236 236 248 / 0.42)"
        },
        "$description": "Input borders, outline buttons (3:1 against bg)"
      },
      "accent": {
        "$type": "color",
        "$value": {
          "light": "#8b8ff7",
          "dark": "#8b8ff7"
        },
        "$description": "Brand mark and fills. Never body text on light backgrounds"
      },
      "on-accent": {
        "$type": "color",
        "$value": {
          "light": "#14153a",
          "dark": "#111226"
        },
        "$description": "Text on accent fills"
      },
      "accent-text": {
        "$type": "color",
        "$value": {
          "light": "#4a4fc4",
          "dark": "#b4b7ff"
        },
        "$description": "Accent coloured text and links"
      },
      "accent-soft": {
        "$type": "color",
        "$value": {
          "light": "#e4e5ff",
          "dark": "#262a5c"
        },
        "$description": "Selected rows, soft highlights"
      },
      "primary": {
        "$type": "color",
        "$value": {
          "light": "#4b4e6d",
          "dark": "#8b8ff7"
        },
        "$description": "Primary button fill"
      },
      "on-primary": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "#111226"
        },
        "$description": "Text on primary"
      },
      "primary-hover": {
        "$type": "color",
        "$value": {
          "light": "#4a4fc4",
          "dark": "#b4b7ff"
        },
        "$description": "Primary hover fill"
      },
      "secondary": {
        "$type": "color",
        "$value": {
          "light": "rgb(255 255 255 / 0.72)",
          "dark": "rgb(255 255 255 / 0.08)"
        },
        "$description": "Secondary button fill"
      },
      "on-secondary": {
        "$type": "color",
        "$value": {
          "light": "#1d1d1f",
          "dark": "#ececf8"
        },
        "$description": "Text on secondary"
      },
      "secondary-hover": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "rgb(255 255 255 / 0.16)"
        },
        "$description": "Secondary hover fill"
      },
      "focus": {
        "$type": "color",
        "$value": {
          "light": "#4a4fc4",
          "dark": "#b4b7ff"
        },
        "$description": "Focus outline"
      },
      "focus-halo": {
        "$type": "color",
        "$value": {
          "light": "rgb(139 143 247 / 0.35)",
          "dark": "rgb(139 143 247 / 0.4)"
        },
        "$description": "Outer focus halo"
      },
      "success": {
        "$type": "color",
        "$value": {
          "light": "#1d7a46",
          "dark": "#6fd6a0"
        },
        "$description": "Success text and icons"
      },
      "success-soft": {
        "$type": "color",
        "$value": {
          "light": "#ddf6ec",
          "dark": "#13281f"
        },
        "$description": "Success background"
      },
      "warning": {
        "$type": "color",
        "$value": {
          "light": "#8a5a00",
          "dark": "#ffd166"
        },
        "$description": "Warning text and icons"
      },
      "warning-soft": {
        "$type": "color",
        "$value": {
          "light": "#fff1cc",
          "dark": "#2a2412"
        },
        "$description": "Warning background"
      },
      "danger": {
        "$type": "color",
        "$value": {
          "light": "#b42318",
          "dark": "#ff8a80"
        },
        "$description": "Errors and destructive actions"
      },
      "on-danger": {
        "$type": "color",
        "$value": {
          "light": "#ffffff",
          "dark": "#111226"
        },
        "$description": "Text on danger fills"
      },
      "danger-soft": {
        "$type": "color",
        "$value": {
          "light": "#ffe6da",
          "dark": "#2e1616"
        },
        "$description": "Error background"
      },
      "info": {
        "$type": "color",
        "$value": {
          "light": "#4a4fc4",
          "dark": "#b4b7ff"
        },
        "$description": "Informational text and icons"
      },
      "info-soft": {
        "$type": "color",
        "$value": {
          "light": "#e4e5ff",
          "dark": "#1f2250"
        },
        "$description": "Informational background"
      },
      "overlay": {
        "$type": "color",
        "$value": {
          "light": "rgb(29 29 31 / 0.35)",
          "dark": "rgb(5 6 18 / 0.72)"
        },
        "$description": "Dialog and sheet backdrop"
      },
      "tint-1": {
        "$type": "color",
        "$value": {
          "light": "#e4e5ff",
          "dark": "#1f2250"
        },
        "$description": "Paper tint, cool"
      },
      "tint-2": {
        "$type": "color",
        "$value": {
          "light": "#fff1cc",
          "dark": "#2a2412"
        },
        "$description": "Paper tint, warm"
      },
      "tint-3": {
        "$type": "color",
        "$value": {
          "light": "#ddf6ec",
          "dark": "#13281f"
        },
        "$description": "Paper tint, fresh"
      },
      "tint-4": {
        "$type": "color",
        "$value": {
          "light": "#ffe6da",
          "dark": "#2e1c16"
        },
        "$description": "Paper tint, soft"
      },
      "tint-accent": {
        "$type": "color",
        "$value": {
          "light": "#e4e5ff",
          "dark": "#262a5c"
        },
        "$description": "Paper tint, brand"
      },
      "selection-bg": {
        "$type": "color",
        "$value": {
          "light": "#e4e5ff",
          "dark": "#2f3470"
        },
        "$description": "Text selection"
      },
      "selection-fg": {
        "$type": "color",
        "$value": {
          "light": "#1d1d1f",
          "dark": "#ececf8"
        },
        "$description": "Text on selection"
      }
    },
    "font": {
      "display": {
        "$type": "fontFamily",
        "$value": "var(--f-inter-tight, \"Inter Tight\"), var(--f-noto-thai, \"Noto Sans Thai\"), ui-sans-serif, system-ui, sans-serif"
      },
      "body": {
        "$type": "fontFamily",
        "$value": "var(--f-geist, \"Geist\"), var(--f-noto-thai, \"Noto Sans Thai\"), ui-sans-serif, system-ui, sans-serif"
      },
      "thai": {
        "$type": "fontFamily",
        "$value": "var(--f-noto-thai, \"Noto Sans Thai\"), var(--f-geist, \"Geist\"), ui-sans-serif, system-ui, sans-serif"
      },
      "mono": {
        "$type": "fontFamily",
        "$value": "var(--f-geist-mono, \"Geist Mono\"), ui-monospace, \"SFMono-Regular\", Menlo, monospace"
      }
    },
    "type": {
      "display-weight": {
        "$type": "typography",
        "$value": "600"
      },
      "heading-weight": {
        "$type": "typography",
        "$value": "600"
      },
      "body-weight": {
        "$type": "typography",
        "$value": "400"
      },
      "display-tracking": {
        "$type": "typography",
        "$value": "-0.04em"
      },
      "heading-tracking": {
        "$type": "typography",
        "$value": "-0.025em"
      },
      "meta-tracking": {
        "$type": "typography",
        "$value": "0.08em"
      },
      "display-stretch": {
        "$type": "typography",
        "$value": "100"
      },
      "body-size": {
        "$type": "typography",
        "$value": "1rem"
      },
      "display": {
        "$type": "typography",
        "$value": "clamp(2.75rem, 6.6vw, 6rem)"
      },
      "h1": {
        "$type": "typography",
        "$value": "clamp(2.125rem, 4.2vw, 3.75rem)"
      },
      "h2": {
        "$type": "typography",
        "$value": "clamp(1.75rem, 3vw, 2.5rem)"
      },
      "h3": {
        "$type": "typography",
        "$value": "clamp(1.25rem, 1.8vw, 1.6rem)"
      },
      "lead": {
        "$type": "typography",
        "$value": "clamp(1.08rem, 1.4vw, 1.3rem)"
      },
      "small": {
        "$type": "typography",
        "$value": "0.875rem"
      },
      "meta": {
        "$type": "typography",
        "$value": "0.75rem"
      },
      "leading-tight": {
        "$type": "typography",
        "$value": "1"
      },
      "leading-snug": {
        "$type": "typography",
        "$value": "1.2"
      },
      "leading-body": {
        "$type": "typography",
        "$value": "1.62"
      }
    },
    "radius": {
      "xs": {
        "$type": "dimension",
        "$value": "6px"
      },
      "sm": {
        "$type": "dimension",
        "$value": "10px"
      },
      "md": {
        "$type": "dimension",
        "$value": "14px"
      },
      "lg": {
        "$type": "dimension",
        "$value": "28px"
      },
      "pill": {
        "$type": "dimension",
        "$value": "999px"
      }
    },
    "shadow": {
      "sm": {
        "$type": "shadow",
        "$value": "0 1px 2px light-dark(rgb(75 78 109 / 0.1), rgb(0 0 0 / 0.4))"
      },
      "md": {
        "$type": "shadow",
        "$value": "0 24px 44px -26px light-dark(rgb(75 78 109 / 0.34), rgb(0 0 0 / 0.7)), 0 8px 18px -10px light-dark(rgb(75 78 109 / 0.14), rgb(0 0 0 / 0.4)), inset 0 -8px 16px light-dark(rgb(75 78 109 / 0.06), rgb(0 0 0 / 0.2)), inset 0 6px 12px light-dark(rgb(255 255 255 / 0.95), rgb(255 255 255 / 0.04))"
      },
      "lg": {
        "$type": "shadow",
        "$value": "0 34px 56px -28px light-dark(rgb(75 78 109 / 0.4), rgb(0 0 0 / 0.8)), 0 12px 24px -12px light-dark(rgb(75 78 109 / 0.16), rgb(0 0 0 / 0.45)), inset 0 -8px 16px light-dark(rgb(75 78 109 / 0.06), rgb(0 0 0 / 0.2)), inset 0 6px 12px light-dark(rgb(255 255 255 / 0.95), rgb(255 255 255 / 0.05))"
      }
    },
    "motion": {
      "ease-out": {
        "$type": "transition",
        "$value": "cubic-bezier(0.16, 1, 0.3, 1)"
      },
      "ease-in-out": {
        "$type": "transition",
        "$value": "cubic-bezier(0.65, 0, 0.35, 1)"
      },
      "ease-spring": {
        "$type": "transition",
        "$value": "cubic-bezier(0.34, 1.4, 0.64, 1)"
      },
      "dur-fast": {
        "$type": "transition",
        "$value": "160ms"
      },
      "dur-base": {
        "$type": "transition",
        "$value": "280ms"
      },
      "dur-slow": {
        "$type": "transition",
        "$value": "600ms"
      }
    },
    "component": {
      "btn-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "btn-shadow": {
        "$type": "other",
        "$value": "0 8px 20px -12px light-dark(rgb(75 78 109 / 0.3), rgb(0 0 0 / 0.5)), inset 0 1px 0 light-dark(#ffffff, rgb(255 255 255 / 0.06))"
      },
      "btn-primary-shadow": {
        "$type": "other",
        "$value": "0 14px 26px -12px light-dark(rgb(75 78 109 / 0.55), rgb(139 143 247 / 0.35)), inset 0 -4px 8px rgb(0 0 0 / 0.16), inset 0 3px 6px rgb(255 255 255 / 0.22)"
      },
      "btn-chip-bg": {
        "$type": "other",
        "$value": "transparent"
      },
      "btn-chip-fg": {
        "$type": "other",
        "$value": "currentColor"
      },
      "btn-chip-size": {
        "$type": "other",
        "$value": "20px"
      },
      "field-radius": {
        "$type": "other",
        "$value": "var(--radius-md)"
      },
      "field-bg": {
        "$type": "other",
        "$value": "light-dark(rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.04))"
      },
      "card-radius": {
        "$type": "other",
        "$value": "var(--radius-lg)"
      },
      "card-bg": {
        "$type": "other",
        "$value": "light-dark(rgb(255 255 255 / 0.62), rgb(35 37 74 / 0.55))"
      },
      "card-border": {
        "$type": "other",
        "$value": "light-dark(rgb(255 255 255 / 0.9), rgb(236 236 248 / 0.1))"
      },
      "card-shadow": {
        "$type": "other",
        "$value": "var(--shadow-md)"
      },
      "card-blur": {
        "$type": "other",
        "$value": "blur(18px) saturate(170%)"
      },
      "card-hover-shadow": {
        "$type": "other",
        "$value": "var(--shadow-lg)"
      },
      "panel-radius": {
        "$type": "other",
        "$value": "var(--radius-md)"
      },
      "chip-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "header-bg": {
        "$type": "other",
        "$value": "light-dark(rgb(255 255 255 / 0.66), rgb(24 26 51 / 0.66))"
      },
      "header-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "page-decor": {
        "$type": "other",
        "$value": "radial-gradient(34vmax 34vmax at 12% 16%, light-dark(rgb(139 143 247 / 0.26), rgb(139 143 247 / 0.16)), transparent 62%), radial-gradient(28vmax 28vmax at 88% 10%, light-dark(rgb(255 209 102 / 0.28), rgb(255 209 102 / 0.08)), transparent 62%), radial-gradient(34vmax 34vmax at 74% 88%, light-dark(rgb(155 227 201 / 0.28), rgb(155 227 201 / 0.08)), transparent 62%), radial-gradient(26vmax 26vmax at 18% 86%, light-dark(rgb(255 196 168 / 0.26), rgb(255 196 168 / 0.08)), transparent 62%)"
      },
      "btn-outline-hover-bg": {
        "$type": "other",
        "$value": "var(--surface-raised)"
      },
      "btn-outline-hover-fg": {
        "$type": "other",
        "$value": "var(--accent-text)"
      },
      "btn-outline-hover-border": {
        "$type": "other",
        "$value": "var(--accent)"
      },
      "btn-ghost-hover-bg": {
        "$type": "other",
        "$value": "var(--accent-soft)"
      },
      "btn-ghost-hover-fg": {
        "$type": "other",
        "$value": "var(--accent-text)"
      },
      "btn-secondary-border": {
        "$type": "other",
        "$value": "light-dark(rgb(75 78 109 / 0.18), rgb(236 236 248 / 0.16))"
      },
      "btn-secondary-blur": {
        "$type": "other",
        "$value": "blur(12px)"
      },
      "switch-thumb-off": {
        "$type": "other",
        "$value": "var(--surface-raised)"
      },
      "switch-thumb-shadow": {
        "$type": "other",
        "$value": "var(--shadow-sm), 0 2px 6px light-dark(rgb(75 78 109 / 0.25), rgb(0 0 0 / 0.5))"
      },
      "chip-on-bg": {
        "$type": "other",
        "$value": "var(--accent-soft)"
      },
      "chip-on-fg": {
        "$type": "other",
        "$value": "var(--accent-text)"
      },
      "chip-on-border": {
        "$type": "other",
        "$value": "var(--accent)"
      },
      "progress-bar": {
        "$type": "other",
        "$value": "var(--primary)"
      },
      "tablist-bg": {
        "$type": "other",
        "$value": "var(--surface-sunken)"
      },
      "tablist-pad": {
        "$type": "other",
        "$value": "4px"
      },
      "tablist-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "tablist-border": {
        "$type": "other",
        "$value": "transparent"
      },
      "tab-radius": {
        "$type": "other",
        "$value": "var(--radius-pill)"
      },
      "tab-active-bg": {
        "$type": "other",
        "$value": "var(--surface-raised)"
      },
      "tab-active-line": {
        "$type": "other",
        "$value": "transparent"
      },
      "tab-active-shadow": {
        "$type": "other",
        "$value": "var(--shadow-sm), 0 4px 12px -6px light-dark(rgb(75 78 109 / 0.35), rgb(0 0 0 / 0.5))"
      },
      "dialog-shadow": {
        "$type": "other",
        "$value": "var(--shadow-lg)"
      },
      "only-aswinology": {
        "$type": "other",
        "$value": "none"
      },
      "only-lurnelle": {
        "$type": "other",
        "$value": "contents"
      },
      "mark-color": {
        "$type": "other",
        "$value": "var(--accent)"
      }
    }
  }
}