{
  "$description": "Sabil UI design tokens. Colors carry light and dark values under $extensions[\"ui.sabil.modes\"].",
  "color": {
    "background": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#0a0a0a"
        }
      }
    },
    "foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "card": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#121212"
        }
      }
    },
    "card-foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "popover": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#161616"
        }
      }
    },
    "popover-foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "primary": {
      "$type": "color",
      "$value": "#056dff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#056dff",
          "dark": "#2b7bff"
        }
      }
    },
    "primary-foreground": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#ffffff"
        }
      }
    },
    "secondary": {
      "$type": "color",
      "$value": "#f1f5f9",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#f1f5f9",
          "dark": "#1d1d1f"
        }
      }
    },
    "secondary-foreground": {
      "$type": "color",
      "$value": "#0f172b",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0f172b",
          "dark": "#fafafa"
        }
      }
    },
    "muted": {
      "$type": "color",
      "$value": "#f1f5f9",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#f1f5f9",
          "dark": "#1d1d1f"
        }
      }
    },
    "muted-foreground": {
      "$type": "color",
      "$value": "#45556c",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#45556c",
          "dark": "#a1a1a6"
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "#0a0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a0a",
          "dark": "#ffffff0f"
        }
      }
    },
    "accent-foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "destructive": {
      "$type": "color",
      "$value": "#e7000b",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#e7000b",
          "dark": "#ff6467"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "#0a0a0a14",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a14",
          "dark": "#ffffff17"
        }
      }
    },
    "input": {
      "$type": "color",
      "$value": "#0a0a0a1f",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a1f",
          "dark": "#ffffff24"
        }
      }
    },
    "ring": {
      "$type": "color",
      "$value": "#056dff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#056dff",
          "dark": "#3c86ff"
        }
      }
    },
    "chart-1": {
      "$type": "color",
      "$value": "#056dff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#056dff",
          "dark": "#3c86ff"
        }
      }
    },
    "chart-2": {
      "$type": "color",
      "$value": "#3c86ff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#3c86ff",
          "dark": "#6aa6ff"
        }
      }
    },
    "chart-3": {
      "$type": "color",
      "$value": "#8ec5ff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#8ec5ff",
          "dark": "#8ec5ff"
        }
      }
    },
    "chart-4": {
      "$type": "color",
      "$value": "#1447e6",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#1447e6",
          "dark": "#1f63e8"
        }
      }
    },
    "chart-5": {
      "$type": "color",
      "$value": "#bedbff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#bedbff",
          "dark": "#bedbff"
        }
      }
    },
    "sidebar": {
      "$type": "color",
      "$value": "#fafafa",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#fafafa",
          "dark": "#0f0f0f"
        }
      }
    },
    "sidebar-foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "sidebar-primary": {
      "$type": "color",
      "$value": "#056dff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#056dff",
          "dark": "#3c86ff"
        }
      }
    },
    "sidebar-primary-foreground": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#ffffff"
        }
      }
    },
    "sidebar-accent": {
      "$type": "color",
      "$value": "#0a0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a0a",
          "dark": "#ffffff0f"
        }
      }
    },
    "sidebar-accent-foreground": {
      "$type": "color",
      "$value": "#0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a",
          "dark": "#fafafa"
        }
      }
    },
    "sidebar-border": {
      "$type": "color",
      "$value": "#0a0a0a14",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a14",
          "dark": "#ffffff17"
        }
      }
    },
    "sidebar-ring": {
      "$type": "color",
      "$value": "#056dff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#056dff",
          "dark": "#3c86ff"
        }
      }
    },
    "primary-highlight": {
      "$type": "color",
      "$value": "#4a8fff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#4a8fff",
          "dark": "#5c9bff"
        }
      }
    },
    "primary-edge": {
      "$type": "color",
      "$value": "#0a58d6",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a58d6",
          "dark": "#1d5fd9"
        }
      }
    },
    "surface-edge": {
      "$type": "color",
      "$value": "#00000040",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#00000040",
          "dark": "#00000080"
        }
      }
    },
    "overlay-border": {
      "$type": "color",
      "$value": "#0a0a0a0f",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a0f",
          "dark": "#ffffff14"
        }
      }
    },
    "panel": {
      "$type": "color",
      "$value": "#f9f8f6",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#f9f8f6",
          "dark": "#1a1918"
        }
      }
    },
    "bubble": {
      "$type": "color",
      "$value": "#0a0a0a0a",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a0a",
          "dark": "#ffffff0f"
        }
      }
    },
    "bubble-strong": {
      "$type": "color",
      "$value": "#0a0a0a14",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a14",
          "dark": "#ffffff1f"
        }
      }
    },
    "raised": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#ffffff",
          "dark": "#1d1d1f"
        }
      }
    },
    "sunken": {
      "$type": "color",
      "$value": "#f1f5f9",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#f1f5f9",
          "dark": "#1d1d1f"
        }
      }
    },
    "dot": {
      "$type": "color",
      "$value": "#0a0a0a1f",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0a0a0a1f",
          "dark": "#ffffff1a"
        }
      }
    },
    "shadow-color": {
      "$type": "color",
      "$value": "#0000000d",
      "$extensions": {
        "ui.sabil.modes": {
          "light": "#0000000d",
          "dark": "#00000066"
        }
      }
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "5px"
    },
    "md": {
      "$type": "dimension",
      "$value": "7.5px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "10px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "15px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "20px"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "size": {
    "control": {
      "$type": "dimension",
      "$value": "40px"
    },
    "control-sm": {
      "$type": "dimension",
      "$value": "32px"
    },
    "control-lg": {
      "$type": "dimension",
      "$value": "44px"
    },
    "tab-trigger": {
      "$type": "dimension",
      "$value": "32px"
    }
  },
  "font": {
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "Geist Mono",
        "ui-monospace",
        "monospace"
      ]
    },
    "body": {
      "$type": "dimension",
      "$value": "14px"
    },
    "button-tracking": {
      "$type": "dimension",
      "$value": "-0.01em"
    }
  },
  "shadow": {
    "xs": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "1px",
        "blur": "2px",
        "spread": "0px",
        "color": "#0000000d"
      }
    }
  },
  "gradient": {
    "primary": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#4a8fff",
          "position": 0
        },
        {
          "color": "#056dff",
          "position": 1
        }
      ]
    }
  },
  "easing": {
    "out": {
      "$type": "cubicBezier",
      "$value": [
        0.23,
        1,
        0.32,
        1
      ]
    },
    "in-out": {
      "$type": "cubicBezier",
      "$value": [
        0.77,
        0,
        0.175,
        1
      ]
    },
    "drawer": {
      "$type": "cubicBezier",
      "$value": [
        0.32,
        0.72,
        0,
        1
      ]
    }
  },
  "duration": {
    "press": {
      "$type": "duration",
      "$value": "150ms"
    },
    "menu": {
      "$type": "duration",
      "$value": "180ms"
    },
    "dialog": {
      "$type": "duration",
      "$value": "200ms"
    },
    "drawer": {
      "$type": "duration",
      "$value": "400ms"
    }
  }
}