/**
 * Auto-generated from SCSS tokens. Do not edit by hand.
 * Run `npm run tokens:build` in packages/fpkit to regenerate.
 */

export const tokens = {
  color: {
    neutral: {
      "0": `var(--color-neutral-0)`,
      "50": `var(--color-neutral-50)`,
      "100": `var(--color-neutral-100)`,
      "200": `var(--color-neutral-200)`,
      "300": `var(--color-neutral-300)`,
      "400": `var(--color-neutral-400)`,
      "500": `var(--color-neutral-500)`,
      "600": `var(--color-neutral-600)`,
      "700": `var(--color-neutral-700)`,
      "800": `var(--color-neutral-800)`,
      "900": `var(--color-neutral-900)`
    },
    blue: {
      "100": `var(--color-blue-100)`,
      "200": `var(--color-blue-200)`,
      "300": `var(--color-blue-300)`,
      "400": `var(--color-blue-400)`,
      "500": `var(--color-blue-500)`,
      "600": `var(--color-blue-600)`,
      "700": `var(--color-blue-700)`,
      "800": `var(--color-blue-800)`,
      "900": `var(--color-blue-900)`
    },
    green: {
      "100": `var(--color-green-100)`,
      "200": `var(--color-green-200)`,
      "300": `var(--color-green-300)`,
      "400": `var(--color-green-400)`,
      "500": `var(--color-green-500)`,
      "600": `var(--color-green-600)`,
      "700": `var(--color-green-700)`,
      "800": `var(--color-green-800)`,
      "900": `var(--color-green-900)`
    },
    red: {
      "100": `var(--color-red-100)`,
      "200": `var(--color-red-200)`,
      "300": `var(--color-red-300)`,
      "400": `var(--color-red-400)`,
      "500": `var(--color-red-500)`,
      "600": `var(--color-red-600)`,
      "700": `var(--color-red-700)`,
      "800": `var(--color-red-800)`,
      "900": `var(--color-red-900)`
    },
    amber: {
      "100": `var(--color-amber-100)`,
      "200": `var(--color-amber-200)`,
      "300": `var(--color-amber-300)`,
      "400": `var(--color-amber-400)`,
      "500": `var(--color-amber-500)`,
      "600": `var(--color-amber-600)`,
      "700": `var(--color-amber-700)`,
      "800": `var(--color-amber-800)`,
      "900": `var(--color-amber-900)`
    },
    cyan: {
      "100": `var(--color-cyan-100)`,
      "200": `var(--color-cyan-200)`,
      "300": `var(--color-cyan-300)`,
      "400": `var(--color-cyan-400)`,
      "500": `var(--color-cyan-500)`,
      "600": `var(--color-cyan-600)`,
      "700": `var(--color-cyan-700)`,
      "800": `var(--color-cyan-800)`,
      "900": `var(--color-cyan-900)`
    },
    primary: `var(--color-primary)`,
    secondary: `var(--color-secondary)`,
    success: `var(--color-success)`,
    error: `var(--color-error)`,
    warning: `var(--color-warning)`,
    info: `var(--color-info)`,
    surface: `var(--color-surface)`,
    border: `var(--color-border)`,
    text: `var(--color-text)`,
    focus: `var(--color-focus)`,
    ui: {
      overlay: {
        base: `var(--color-ui-overlay-base)`
      }
    },
    hover: {
      overlay: `var(--color-hover-overlay)`
    },
    active: {
      overlay: `var(--color-active-overlay)`
    },
    disabled: {
      bg: `var(--color-disabled-bg)`,
      text: `var(--color-disabled-text)`
    },
    link: `var(--color-link)`,
    required: `var(--color-required)`,
    valid: `var(--color-valid)`,
    invalid: `var(--color-invalid)`,
    skip: {
      link: {
        bg: `var(--color-skip-link-bg)`,
        text: `var(--color-skip-link-text)`
      }
    }
  },
  duration: {
    instant: `var(--duration-instant)`,
    fast: `var(--duration-fast)`,
    base: `var(--duration-base)`,
    slow: `var(--duration-slow)`,
    slower: `var(--duration-slower)`
  },
  ease: {
    standard: `var(--ease-standard)`,
    accelerate: `var(--ease-accelerate)`,
    decelerate: `var(--ease-decelerate)`,
    emphasized: `var(--ease-emphasized)`
  },
  breakpoint: {
    reflow: `var(--breakpoint-reflow)`,
    xs: `var(--breakpoint-xs)`,
    sm: `var(--breakpoint-sm)`,
    md: `var(--breakpoint-md)`,
    lg: `var(--breakpoint-lg)`,
    xl: `var(--breakpoint-xl)`,
    "2xl": `var(--breakpoint-2xl)`
  }
} as const;

export type Tokens = typeof tokens;