{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme",
  "type": "registry:style",
  "title": "TRA UI Theme",
  "description": "Complete theme configuration for TRA UI Kit including colors and design tokens",
  "dependencies": [
    "@phosphor-icons/react"
  ],
  "cssVars": {
    "theme": {
      "font-sans": "Inter, sans-serif",
      "shadow-input-hover": "0 0 20px 0 var(--primary-soft)",
      "shadow-input-focus": "0 0 20px 0 var(--input-focused)",
      "shadow-soft-grey": "0 0 20px 0 var(--neutral-soft-grey)",
      "shadow-soft-primary": "0 0 20px 0 var(--primary-soft)",
      "shadow-hard-grey": "0 0 20px 0 var(--neutral-hard-grey)",
      "shadow-hard-primary": "0 0 20px 0 var(--primary-hard)"
    },
    "light": {
      "primary": "221 87% 52%",
      "disabled": "221 40% 76%",
      "disabled-dark": "221 20% 79%",
      "disabled-light-dark": "221 54% 86%",
      "disabled-light": "221 48% 91%",
      "primary-30": "223 100% 91%",
      "primary-15": "221 100% 95%",
      "primary-5": "220 100% 98%",
      "background": "0 0% 100%",
      "primary-focused": "221 84% 43%",
      "primary-soft": "hsla(221, 87%, 52%, 0.1)",
      "primary-hard": "hsl(221, 87%, 52%, 0.15)",
      "secondary": "15 97% 60%",
      "secondary-light": "15 100% 96%",
      "tertiary": "54 97% 60%",
      "error": "0 100% 50%",
      "error-light": "0 100% 95%",
      "success": "147 100% 40%",
      "success-light": "146 72% 94%",
      "warning": "54 76% 52%",
      "warning-light": "54 100% 91%",
      "neutral-black": "0 0% 12%",
      "neutral-light-black": "0 0% 25%",
      "neutral-grey": "0 0% 60%",
      "neutral-grey-soft": "hsla(0, 0%, 60%, 0.08)",
      "neutral-grey-hard": "hsl(0, 0%, 60%, 0.15)",
      "neutral": "0 0% 87%",
      "neutral-disabled-text": "223 12% 89%",
      "neutral-light": "225 14% 95%",
      "neutral-dark-white": "220 100% 99%",
      "neutral-white": "0 0% 100%",
      "button-disabled": "221 38% 95%",
      "button-disabled-text": "223 20% 75%",
      "button-text": "0 0% 100%",
      "input": "0 0% 87%",
      "input-light": "225 14% 95%",
      "input-fill": "0 0% 99%",
      "input-focused": "221 87% 52%, 0.3"
    },
    "dark": {
      "primary": "221 92% 69%",
      "disabled": "227 39% 24%",
      "disabled-dark": "227 32% 39%",
      "disabled-light-dark": "229 23% 14%",
      "disabled-light": "227 39% 24%",
      "primary-30": "222 75% 82%",
      "primary-15": "229 31% 28%",
      "primary-5": "228 31% 19%",
      "background": "229 19% 11%",
      "primary-focused": "222 74% 62%",
      "primary-soft": "hsla(222, 92%, 70%, 0.1)",
      "primary-hard": "hsl(222, 92%, 70%, 0.15)",
      "secondary": "15 97% 60%",
      "secondary-light": "6 29% 21%",
      "tertiary": "54 97% 60%",
      "error": "0 100% 50%",
      "error-light": "352 48% 17%",
      "success": "147 100% 40%",
      "success-light": "159 54% 15%",
      "warning": "54 76% 52%",
      "warning-light": "56 29% 19%",
      "neutral-black": "0 0% 100%",
      "neutral-light-black": "0 0% 93%",
      "neutral-grey": "0 0% 60%",
      "neutral": "229 18% 36%",
      "neutral-disabled-text": "220 14% 58%",
      "neutral-light": "221 18% 20%",
      "neutral-dark-white": "220 14% 58%",
      "neutral-white": "0 0% 12%",
      "button-disabled": "229 31% 21%",
      "button-disabled-text": "228 18% 44%",
      "button-text": "0 0% 100%",
      "input": "0 0% 46%",
      "input-light": "227 18% 21%",
      "input-fill": "229 19% 14%",
      "input-focused": "221 92% 69%, 0.3"
    }
  },
  "css": {
    "@layer base": {
      "body": {
        "@apply bg-background text-neutral-black": {}
      },
      "::-webkit-scrollbar-track": {
        "-webkit-box-shadow": "inset 0 0 6px rgba(0,0,0,0.3)",
        "border-radius": "10px",
        "background-color": "#F0F0F0"
      },
      "::-webkit-scrollbar": {
        "width": "12px",
        "background-color": "#F0F0F0"
      },
      "::-webkit-scrollbar-thumb": {
        "border-radius": "10px",
        "-webkit-box-shadow": "inset 0 0 6px rgba(0,0,0,.3)",
        "background-color": "#5F5D5C"
      },
      "::-webkit-calendar-picker-indicator": {
        "display": "none"
      },
      "input:-webkit-autofill": {
        "-webkit-text-fill-color": "black !important",
        "caret-color": "black"
      },
      ".dark input:-webkit-autofill": {
        "-webkit-text-fill-color": "white !important",
        "caret-color": "white"
      },
      "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
        "-webkit-box-shadow": "0 0 0 30px white inset !important"
      },
      ".dark input:-webkit-autofill, .dark input:-webkit-autofill:hover, .dark input:-webkit-autofill:focus, .dark input:-webkit-autofill:active": {
        "-webkit-box-shadow": "0 0 0 30px #171922 inset !important"
      },
      ".custom--dropdown-container .dropdown-menu::-webkit-scrollbar": {
        "width": "8px"
      },
      ".TraDatePicker-root input::-webkit-outer-spin-button, .TraDatePicker-root input::-webkit-inner-spin-button": {
        "-webkit-appearance": "none",
        "margin": "0"
      },
      ".TraDatePicker-root input[type=\"number\"]": {
        "-moz-appearance": "textfield"
      },
      ".TraPagination-container input::-webkit-outer-spin-button, .TraPagination-container input::-webkit-inner-spin-button": {
        "-webkit-appearance": "none",
        "margin": "0"
      },
      ".TraPagination-container input[type=\"number\"]": {
        "-moz-appearance": "textfield"
      }
    },
    "@utility content-required": {
      "content": "'*'"
    },
    "@utility container": {
      "margin-inline": "auto",
      "padding": "2rem"
    }
  }
}