{
  "$description": "PDP Design System v0.7 — PDP EcoSystem (rasmiy). https://design.pdp.uz/ds/yadro/?brand=ecosystem#tokens",
  "color": {
    "base": {
      "white": {
        "$type": "color",
        "$value": "#FFFFFF"
      },
      "black": {
        "$type": "color",
        "$value": "#141414"
      }
    },
    "brand": {
      "malachite": {
        "$type": "color",
        "$value": "#00C508"
      },
      "lime": {
        "$type": "color",
        "$value": "#BDFF00"
      },
      "lime-light": {
        "$type": "color",
        "$value": "#B5F500"
      },
      "malachite-button": {
        "$type": "color",
        "$value": "#00B533"
      },
      "green-done": {
        "$type": "color",
        "$value": "#00A603"
      },
      "surface": {
        "$type": "color",
        "$value": "#F5F5F5"
      },
      "brand-tint": {
        "$type": "color",
        "$value": "#E9FED8"
      },
      "surface-active": {
        "$type": "color",
        "$value": "#F7F7F7"
      },
      "surface-hover": {
        "$type": "color",
        "$value": "#E6E6E6"
      },
      "surface-tertiary": {
        "$type": "color",
        "$value": "#E6E6E6"
      },
      "surface-raised": {
        "$type": "color",
        "$value": "#ECECEC"
      },
      "surface-strong": {
        "$type": "color",
        "$value": "#DCDCDC"
      }
    },
    "green": {
      "25": {
        "$type": "color",
        "$value": "#F6FFF5"
      },
      "50": {
        "$type": "color",
        "$value": "#E7FFE4"
      },
      "100": {
        "$type": "color",
        "$value": "#C6FFC0"
      },
      "200": {
        "$type": "color",
        "$value": "#7EFA77"
      },
      "300": {
        "$type": "color",
        "$value": "#63E95D"
      },
      "400": {
        "$type": "color",
        "$value": "#40D63C"
      },
      "500": {
        "$type": "color",
        "$value": "#00C508"
      },
      "600": {
        "$type": "color",
        "$value": "#02A307"
      },
      "700": {
        "$type": "color",
        "$value": "#048307"
      },
      "800": {
        "$type": "color",
        "$value": "#026503"
      },
      "900": {
        "$type": "color",
        "$value": "#014C02"
      },
      "950": {
        "$type": "color",
        "$value": "#013A04"
      }
    },
    "lime": {
      "25": {
        "$type": "color",
        "$value": "#FAFFF5"
      },
      "50": {
        "$type": "color",
        "$value": "#F4FFE6"
      },
      "100": {
        "$type": "color",
        "$value": "#E5FFC0"
      },
      "200": {
        "$type": "color",
        "$value": "#CFFF80"
      },
      "300": {
        "$type": "color",
        "$value": "#BDFF00"
      },
      "400": {
        "$type": "color",
        "$value": "#AAE506"
      },
      "500": {
        "$type": "color",
        "$value": "#92C505"
      },
      "600": {
        "$type": "color",
        "$value": "#78A302"
      },
      "700": {
        "$type": "color",
        "$value": "#5F8201"
      },
      "800": {
        "$type": "color",
        "$value": "#476300"
      },
      "900": {
        "$type": "color",
        "$value": "#354B01"
      },
      "950": {
        "$type": "color",
        "$value": "#263701"
      }
    },
    "neutral": {
      "25": {
        "$type": "color",
        "$value": "#FBFBFB"
      },
      "50": {
        "$type": "color",
        "$value": "#F7F7F7"
      },
      "100": {
        "$type": "color",
        "$value": "#F0F0F0"
      },
      "200": {
        "$type": "color",
        "$value": "#E1E1E1"
      },
      "300": {
        "$type": "color",
        "$value": "#C7C7C7"
      },
      "400": {
        "$type": "color",
        "$value": "#9E9E9E"
      },
      "500": {
        "$type": "color",
        "$value": "#767676"
      },
      "600": {
        "$type": "color",
        "$value": "#5B5B5B"
      },
      "700": {
        "$type": "color",
        "$value": "#424242"
      },
      "800": {
        "$type": "color",
        "$value": "#2E2E2E"
      },
      "900": {
        "$type": "color",
        "$value": "#222222"
      },
      "950": {
        "$type": "color",
        "$value": "#141414"
      }
    },
    "error": {
      "25": {
        "$type": "color",
        "$value": "#FEF9F8"
      },
      "50": {
        "$type": "color",
        "$value": "#FFF2F0"
      },
      "100": {
        "$type": "color",
        "$value": "#FEE2E0"
      },
      "200": {
        "$type": "color",
        "$value": "#FFC8C3"
      },
      "300": {
        "$type": "color",
        "$value": "#FFA09A"
      },
      "400": {
        "$type": "color",
        "$value": "#FE726E"
      },
      "500": {
        "$type": "color",
        "$value": "#F0484B"
      },
      "600": {
        "$type": "color",
        "$value": "#CC3339"
      },
      "700": {
        "$type": "color",
        "$value": "#AA1E27"
      },
      "800": {
        "$type": "color",
        "$value": "#8A0316"
      },
      "900": {
        "$type": "color",
        "$value": "#6A010E"
      },
      "950": {
        "$type": "color",
        "$value": "#4B0107"
      }
    },
    "warning": {
      "25": {
        "$type": "color",
        "$value": "#FEFBF7"
      },
      "50": {
        "$type": "color",
        "$value": "#FFF5E9"
      },
      "100": {
        "$type": "color",
        "$value": "#FEEBD3"
      },
      "200": {
        "$type": "color",
        "$value": "#FFDBAA"
      },
      "300": {
        "$type": "color",
        "$value": "#FEC675"
      },
      "400": {
        "$type": "color",
        "$value": "#FFB020"
      },
      "500": {
        "$type": "color",
        "$value": "#DB9404"
      },
      "600": {
        "$type": "color",
        "$value": "#B37902"
      },
      "700": {
        "$type": "color",
        "$value": "#8D5E01"
      },
      "800": {
        "$type": "color",
        "$value": "#6C4701"
      },
      "900": {
        "$type": "color",
        "$value": "#543600"
      },
      "950": {
        "$type": "color",
        "$value": "#392401"
      }
    },
    "gradient": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#F2FFC7",
          "position": 0
        },
        {
          "color": "#BDFF00",
          "position": 0.22
        },
        {
          "color": "#00C508",
          "position": 0.58
        },
        {
          "color": "#013A04",
          "position": 1
        }
      ]
    },
    "gradient-stop": {
      "1": {
        "$type": "color",
        "$value": "#F2FFC7"
      },
      "2": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "3": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "4": {
        "$type": "color",
        "$value": "{color.green.950}"
      }
    }
  },
  "theme": {
    "dark": {
      "text-primary": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "text-secondary": {
        "$type": "color",
        "$value": "{color.neutral.200}"
      },
      "text-secondary_hover": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "text-tertiary": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "text-tertiary_hover": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "text-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "text-placeholder": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "text-disabled": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "text-white": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "text-primary_on-brand": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "text-brand-primary": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "text-brand-secondary": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "text-brand-secondary_hover": {
        "$type": "color",
        "$value": "{color.lime.200}"
      },
      "text-brand-tertiary": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "text-error-primary": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "text-error-primary_hover": {
        "$type": "color",
        "$value": "{color.error.300}"
      },
      "text-warning-primary": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "text-success-primary": {
        "$type": "color",
        "$value": "{color.green.300}"
      },
      "border-primary": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "border-secondary": {
        "$type": "color",
        "$value": "rgba(245, 245, 245, .26)"
      },
      "border-tertiary": {
        "$type": "color",
        "$value": "rgba(245, 245, 245, .14)"
      },
      "border-disabled": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "border-brand": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "border-error": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "border-error_subtle": {
        "$type": "color",
        "$value": "{color.error.500}"
      },
      "fg-primary": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "fg-secondary": {
        "$type": "color",
        "$value": "{color.neutral.200}"
      },
      "fg-tertiary": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "fg-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "fg-quaternary_hover": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "fg-white": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "fg-disabled": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "fg-brand-primary": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "fg-brand-primary_alt": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "fg-brand-secondary": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "fg-error-primary": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "fg-error-secondary": {
        "$type": "color",
        "$value": "{color.error.500}"
      },
      "fg-warning-primary": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "fg-info-primary": {
        "$type": "color",
        "$value": "#5B92FF"
      },
      "fg-success-primary": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "fg-success-secondary": {
        "$type": "color",
        "$value": "{color.green.400}"
      },
      "bg-primary": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "bg-primary_alt": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "bg-primary_hover": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "bg-primary-solid": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "bg-secondary": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "bg-secondary_hover": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "bg-tertiary": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "bg-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "bg-active": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "bg-disabled": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "bg-overlay": {
        "$type": "color",
        "$value": "rgba(0, 0, 0, .64)"
      },
      "bg-brand-primary": {
        "$type": "color",
        "$value": "rgba(189, 255, 0, .10)"
      },
      "bg-brand-secondary": {
        "$type": "color",
        "$value": "rgba(189, 255, 0, .18)"
      },
      "bg-brand-solid": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "bg-brand-solid_hover": {
        "$type": "color",
        "$value": "{color.lime.200}"
      },
      "bg-error-primary": {
        "$type": "color",
        "$value": "rgba(240, 72, 75, .16)"
      },
      "bg-error-secondary": {
        "$type": "color",
        "$value": "rgba(240, 72, 75, .26)"
      },
      "bg-error-solid": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "bg-error-solid_hover": {
        "$type": "color",
        "$value": "{color.error.700}"
      },
      "bg-warning-primary": {
        "$type": "color",
        "$value": "rgba(255, 176, 32, .16)"
      },
      "bg-warning-solid": {
        "$type": "color",
        "$value": "{color.warning.400}"
      },
      "bg-success-primary": {
        "$type": "color",
        "$value": "rgba(0, 197, 8, .16)"
      },
      "bg-success-solid": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "focus-ring": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "focus-ring-error": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "chart-1": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "chart-seq-1": {
        "$type": "color",
        "$value": "{color.green.900}"
      },
      "chart-seq-2": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "chart-seq-3": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "chart-seq-4": {
        "$type": "color",
        "$value": "{color.green.300}"
      },
      "chart-seq-5": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "chart-div-1": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "chart-div-2": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "chart-div-3": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "chart-div-4": {
        "$type": "color",
        "$value": "{color.green.400}"
      },
      "chart-div-5": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "project-academy": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "project-school": {
        "$type": "color",
        "$value": "#3777FF"
      },
      "project-junior": {
        "$type": "color",
        "$value": "#00E0EF"
      },
      "project-university": {
        "$type": "color",
        "$value": "#26A49D"
      },
      "project-online": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "cat-black": {
        "$type": "color",
        "$value": "var(--eco-text-primary)"
      },
      "cat-green": {
        "$type": "color",
        "$value": "#39AB37"
      },
      "cat-blue": {
        "$type": "color",
        "$value": "{color.green.400}"
      },
      "cat-teal": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "cat-red": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "board-1": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "board-2": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "board-3": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "board-4": {
        "$type": "color",
        "$value": "{color.green.300}"
      },
      "board-5": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "board-6": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "board-ink-1": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "board-ink-2": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "board-ink-3": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "board-ink-4": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "board-ink-5": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "board-ink-6": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "aurora-1": {
        "$type": "color",
        "$value": "#7B07FF"
      },
      "aurora-2": {
        "$type": "color",
        "$value": "#308AFF"
      },
      "aurora-2-deep": {
        "$type": "color",
        "$value": "#0617FF"
      },
      "aurora-3": {
        "$type": "color",
        "$value": "#FFCD07"
      },
      "aurora-4": {
        "$type": "color",
        "$value": "#FF07EE"
      },
      "aurora-ring": {
        "$type": "color",
        "$value": "#FF282B"
      },
      "aurora-line": {
        "$type": "color",
        "$value": "#293054"
      },
      "rainbow-1": {
        "$type": "color",
        "$value": "#FF4242"
      },
      "rainbow-2": {
        "$type": "color",
        "$value": "#FF8A3D"
      },
      "rainbow-3": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "rainbow-4": {
        "$type": "color",
        "$value": "#00B533"
      },
      "rainbow-5": {
        "$type": "color",
        "$value": "#A0FF42"
      },
      "rainbow-c2": {
        "$type": "color",
        "$value": "#A142FE"
      },
      "rainbow-c3": {
        "$type": "color",
        "$value": "#40A1FF"
      },
      "rainbow-c4": {
        "$type": "color",
        "$value": "#43D0FF"
      },
      "glass-fill": {
        "$type": "color",
        "$value": "color-mix(in srgb, var(--eco-color-black) 20%, transparent)"
      },
      "glass-fill-hover": {
        "$type": "color",
        "$value": "color-mix(in srgb, var(--eco-color-black) 32%, transparent)"
      },
      "glass-backdrop": {
        "$type": "string",
        "$value": "blur(3px) brightness(1.25)",
        "$description": "CSS backdrop-filter — shisha xiraligi va yorqinligi"
      },
      "glass-rim": {
        "$type": "string",
        "$value": "linear-gradient(135deg, color-mix(in srgb, var(--eco-color-white) 60%, transparent), color-mix(in srgb, var(--eco-color-white) 10%, transparent) 30%, transparent 50%, color-mix(in srgb, var(--eco-color-white) 8%, transparent) 72%, color-mix(in srgb, var(--eco-color-white) 32%, transparent))",
        "$description": "CSS background — shisha qirrasi (1 px, ::before niqobi bilan)"
      },
      "glass-ink": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "glass-solid": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "illo-ground": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "illo-base": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "illo-shade": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "illo-ink": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "illo-accent": {
        "$type": "color",
        "$value": "var(--eco-brand-accent)"
      },
      "illo-on-accent": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "illo-on-ink": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "illo-spark": {
        "$type": "color",
        "$value": "var(--eco-brand-button)"
      },
      "illo-alert": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "illo-base-on-grey": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "illo-shade-on-grey": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "illo-ground-on-grey": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "shadow-xs": {
        "$type": "shadow",
        "$value": "0 1px 2px rgba(0, 0, 0, 0.2)"
      },
      "shadow-sm": {
        "$type": "shadow",
        "$value": "0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4)"
      },
      "shadow-md": {
        "$type": "shadow",
        "$value": "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.24)"
      },
      "shadow-lg": {
        "$type": "shadow",
        "$value": "0 12px 16px -4px rgba(0, 0, 0, 0.32), 0 4px 6px -2px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.16)"
      },
      "shadow-xl": {
        "$type": "shadow",
        "$value": "0 20px 24px -4px rgba(0, 0, 0, 0.32), 0 8px 8px -4px rgba(0, 0, 0, 0.12), 0 3px 3px -1.5px rgba(0, 0, 0, 0.16)"
      },
      "shadow-2xl": {
        "$type": "shadow",
        "$value": "0 24px 48px -12px rgba(0, 0, 0, 0.72), 0 4px 4px -2px rgba(0, 0, 0, 0.16)"
      },
      "shadow-3xl": {
        "$type": "shadow",
        "$value": "0 32px 64px -12px rgba(0, 0, 0, 0.56), 0 5px 5px -2.5px rgba(0, 0, 0, 0.16)"
      },
      "shadow-xs-skeuomorphic": {
        "$type": "shadow",
        "$value": "inset 0 0 0 1px rgba(0, 0, 0, 0.72), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2)"
      },
      "chart-2": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "chart-3": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "chart-4": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "chart-5": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "chart-6": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      }
    },
    "light": {
      "text-primary": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "text-secondary": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "text-secondary_hover": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "text-tertiary": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "text-tertiary_hover": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "text-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "text-placeholder": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "text-disabled": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "text-white": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "text-primary_on-brand": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "text-brand-primary": {
        "$type": "color",
        "$value": "{color.brand.green-done}"
      },
      "text-brand-secondary": {
        "$type": "color",
        "$value": "{color.brand.green-done}"
      },
      "text-brand-secondary_hover": {
        "$type": "color",
        "$value": "{color.green.900}"
      },
      "text-brand-tertiary": {
        "$type": "color",
        "$value": "{color.brand.green-done}"
      },
      "text-error-primary": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "text-error-primary_hover": {
        "$type": "color",
        "$value": "{color.error.700}"
      },
      "text-warning-primary": {
        "$type": "color",
        "$value": "#D39F31"
      },
      "text-success-primary": {
        "$type": "color",
        "$value": "{color.green.800}"
      },
      "border-primary": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "border-secondary": {
        "$type": "color",
        "$value": "rgba(20, 20, 20, .26)"
      },
      "border-tertiary": {
        "$type": "color",
        "$value": "rgba(20, 20, 20, .14)"
      },
      "border-disabled": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "border-brand": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "border-error": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "border-error_subtle": {
        "$type": "color",
        "$value": "{color.error.500}"
      },
      "fg-primary": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "fg-secondary": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "fg-tertiary": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "fg-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "fg-quaternary_hover": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "fg-white": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "fg-disabled": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "fg-brand-primary": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "fg-brand-primary_alt": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "fg-brand-secondary": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "fg-error-primary": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "fg-error-secondary": {
        "$type": "color",
        "$value": "{color.error.500}"
      },
      "fg-warning-primary": {
        "$type": "color",
        "$value": "#D39F31"
      },
      "fg-info-primary": {
        "$type": "color",
        "$value": "#0055FF"
      },
      "fg-success-primary": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "fg-success-secondary": {
        "$type": "color",
        "$value": "{color.brand.malachite}"
      },
      "bg-primary": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "bg-primary_alt": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "bg-primary_hover": {
        "$type": "color",
        "$value": "{color.brand.surface-active}"
      },
      "bg-primary-solid": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "bg-secondary": {
        "$type": "color",
        "$value": "{color.brand.surface}"
      },
      "bg-secondary_hover": {
        "$type": "color",
        "$value": "{color.brand.surface-hover}"
      },
      "bg-tertiary": {
        "$type": "color",
        "$value": "{color.brand.surface-tertiary}"
      },
      "bg-quaternary": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "bg-active": {
        "$type": "color",
        "$value": "{color.brand.surface-active}"
      },
      "bg-disabled": {
        "$type": "color",
        "$value": "{color.brand.surface}"
      },
      "bg-overlay": {
        "$type": "color",
        "$value": "rgba(20, 20, 20, .48)"
      },
      "bg-brand-primary": {
        "$type": "color",
        "$value": "{color.brand.brand-tint}"
      },
      "bg-brand-secondary": {
        "$type": "color",
        "$value": "{color.green.100}"
      },
      "bg-brand-solid": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "bg-brand-solid_hover": {
        "$type": "color",
        "$value": "{color.green.600}"
      },
      "bg-error-primary": {
        "$type": "color",
        "$value": "{color.error.50}"
      },
      "bg-error-secondary": {
        "$type": "color",
        "$value": "{color.error.100}"
      },
      "bg-error-solid": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "bg-error-solid_hover": {
        "$type": "color",
        "$value": "{color.error.700}"
      },
      "bg-warning-primary": {
        "$type": "color",
        "$value": "{color.warning.50}"
      },
      "bg-warning-solid": {
        "$type": "color",
        "$value": "{color.warning.400}"
      },
      "bg-success-primary": {
        "$type": "color",
        "$value": "{color.green.50}"
      },
      "bg-success-solid": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "focus-ring": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "focus-ring-error": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "chart-1": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "chart-seq-1": {
        "$type": "color",
        "$value": "{color.lime.100}"
      },
      "chart-seq-2": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "chart-seq-3": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "chart-seq-4": {
        "$type": "color",
        "$value": "{color.green.800}"
      },
      "chart-seq-5": {
        "$type": "color",
        "$value": "{color.green.950}"
      },
      "chart-div-1": {
        "$type": "color",
        "$value": "{color.error.700}"
      },
      "chart-div-2": {
        "$type": "color",
        "$value": "{color.error.400}"
      },
      "chart-div-3": {
        "$type": "color",
        "$value": "{color.brand.surface}"
      },
      "chart-div-4": {
        "$type": "color",
        "$value": "{color.green.400}"
      },
      "chart-div-5": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "project-academy": {
        "$type": "color",
        "$value": "{color.green.600}"
      },
      "project-school": {
        "$type": "color",
        "$value": "#0019FF"
      },
      "project-junior": {
        "$type": "color",
        "$value": "#00E0EF"
      },
      "project-university": {
        "$type": "color",
        "$value": "#26A49D"
      },
      "project-online": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "cat-black": {
        "$type": "color",
        "$value": "var(--eco-text-primary)"
      },
      "cat-green": {
        "$type": "color",
        "$value": "#00A603"
      },
      "cat-blue": {
        "$type": "color",
        "$value": "{color.green.950}"
      },
      "cat-teal": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "cat-red": {
        "$type": "color",
        "$value": "{color.lime.800}"
      },
      "board-1": {
        "$type": "color",
        "$value": "{color.brand.malachite-button}"
      },
      "board-2": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "board-3": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "board-4": {
        "$type": "color",
        "$value": "{color.green.300}"
      },
      "board-5": {
        "$type": "color",
        "$value": "{color.green.800}"
      },
      "board-6": {
        "$type": "color",
        "$value": "{color.brand.lime}"
      },
      "board-ink-1": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "board-ink-2": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "board-ink-3": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "board-ink-4": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "board-ink-5": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "board-ink-6": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "aurora-1": {
        "$type": "color",
        "$value": "#7B07FF"
      },
      "aurora-2": {
        "$type": "color",
        "$value": "#308AFF"
      },
      "aurora-2-deep": {
        "$type": "color",
        "$value": "#0617FF"
      },
      "aurora-3": {
        "$type": "color",
        "$value": "#FFCD07"
      },
      "aurora-4": {
        "$type": "color",
        "$value": "#FF07EE"
      },
      "aurora-ring": {
        "$type": "color",
        "$value": "#FF282B"
      },
      "aurora-line": {
        "$type": "color",
        "$value": "#293054"
      },
      "rainbow-1": {
        "$type": "color",
        "$value": "#FF4242"
      },
      "rainbow-2": {
        "$type": "color",
        "$value": "#FF8A3D"
      },
      "rainbow-3": {
        "$type": "color",
        "$value": "#FFCC19"
      },
      "rainbow-4": {
        "$type": "color",
        "$value": "#00B533"
      },
      "rainbow-5": {
        "$type": "color",
        "$value": "#A0FF42"
      },
      "rainbow-c2": {
        "$type": "color",
        "$value": "#A142FE"
      },
      "rainbow-c3": {
        "$type": "color",
        "$value": "#40A1FF"
      },
      "rainbow-c4": {
        "$type": "color",
        "$value": "#43D0FF"
      },
      "glass-fill": {
        "$type": "color",
        "$value": "color-mix(in srgb, var(--eco-color-white) 40%, transparent)"
      },
      "glass-fill-hover": {
        "$type": "color",
        "$value": "color-mix(in srgb, var(--eco-color-white) 58%, transparent)"
      },
      "glass-backdrop": {
        "$type": "string",
        "$value": "blur(3px) brightness(1.06)",
        "$description": "CSS backdrop-filter — shisha xiraligi va yorqinligi"
      },
      "glass-rim": {
        "$type": "string",
        "$value": "linear-gradient(135deg, var(--eco-color-white), color-mix(in srgb, var(--eco-color-white) 50%, transparent) 30%, transparent 50%, color-mix(in srgb, var(--eco-color-black) 5%, transparent) 72%, color-mix(in srgb, var(--eco-color-white) 80%, transparent))",
        "$description": "CSS background — shisha qirrasi (1 px, ::before niqobi bilan)"
      },
      "glass-ink": {
        "$type": "color",
        "$value": "{color.base.black}"
      },
      "glass-solid": {
        "$type": "color",
        "$value": "color-mix(in srgb, var(--eco-color-white) 86%, transparent)"
      },
      "illo-ground": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "illo-base": {
        "$type": "color",
        "$value": "{color.brand.surface-tertiary}"
      },
      "illo-shade": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "illo-ink": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "illo-accent": {
        "$type": "color",
        "$value": "var(--eco-brand-button)"
      },
      "illo-on-accent": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "illo-on-ink": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "illo-spark": {
        "$type": "color",
        "$value": "var(--eco-brand-button)"
      },
      "illo-alert": {
        "$type": "color",
        "$value": "{color.error.600}"
      },
      "illo-base-on-grey": {
        "$type": "color",
        "$value": "{color.base.white}"
      },
      "illo-shade-on-grey": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "illo-ground-on-grey": {
        "$type": "color",
        "$value": "{color.brand.surface-tertiary}"
      },
      "shadow-xs": {
        "$type": "shadow",
        "$value": "0 1px 2px rgba(20, 20, 20, 0.05)"
      },
      "shadow-sm": {
        "$type": "shadow",
        "$value": "0 1px 3px rgba(20, 20, 20, 0.1), 0 1px 2px -1px rgba(20, 20, 20, 0.1)"
      },
      "shadow-md": {
        "$type": "shadow",
        "$value": "0 4px 6px -1px rgba(20, 20, 20, 0.1), 0 2px 4px -2px rgba(20, 20, 20, 0.06)"
      },
      "shadow-lg": {
        "$type": "shadow",
        "$value": "0 12px 16px -4px rgba(20, 20, 20, 0.08), 0 4px 6px -2px rgba(20, 20, 20, 0.03), 0 2px 2px -1px rgba(20, 20, 20, 0.04)"
      },
      "shadow-xl": {
        "$type": "shadow",
        "$value": "0 20px 24px -4px rgba(20, 20, 20, 0.08), 0 8px 8px -4px rgba(20, 20, 20, 0.03), 0 3px 3px -1.5px rgba(20, 20, 20, 0.04)"
      },
      "shadow-2xl": {
        "$type": "shadow",
        "$value": "0 24px 48px -12px rgba(20, 20, 20, 0.18), 0 4px 4px -2px rgba(20, 20, 20, 0.04)"
      },
      "shadow-3xl": {
        "$type": "shadow",
        "$value": "0 32px 64px -12px rgba(20, 20, 20, 0.14), 0 5px 5px -2.5px rgba(20, 20, 20, 0.04)"
      },
      "shadow-xs-skeuomorphic": {
        "$type": "shadow",
        "$value": "inset 0 0 0 1px rgba(20, 20, 20, 0.18), inset 0 -2px 0 0 rgba(20, 20, 20, 0.05), 0 1px 2px rgba(20, 20, 20, 0.05)"
      },
      "chart-2": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "chart-3": {
        "$type": "color",
        "$value": "{color.brand.lime-light}"
      },
      "chart-4": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "chart-5": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "chart-6": {
        "$type": "color",
        "$value": "{color.brand.brand-tint}"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "PDP Display",
        "PDP Display Fallback",
        "system-ui",
        "sans-serif"
      ],
      "$extensions": {
        "uz.pdp.webfont": {
          "css": "https://design.pdp.uz/ds/fonts/fonts.css",
          "latin": "Space Grotesk",
          "cyrillic": "Golos Text (one weight lighter, size-adjust 96%)",
          "tracking": "-0.04em"
        }
      }
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "Inter Fallback",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "IBM Plex Mono",
        "IBM Plex Mono Fallback",
        "ui-monospace",
        "monospace"
      ]
    }
  },
  "text": {
    "xs": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": "12px",
        "lineHeight": "18px",
        "letterSpacing": "0"
      }
    },
    "sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": "14px",
        "lineHeight": "20px",
        "letterSpacing": "0"
      }
    },
    "md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": "16px",
        "lineHeight": "24px",
        "letterSpacing": "0"
      }
    },
    "lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": "18px",
        "lineHeight": "28px",
        "letterSpacing": "0"
      }
    },
    "xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": "20px",
        "lineHeight": "30px",
        "letterSpacing": "0"
      }
    },
    "display-xs": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "24px",
        "lineHeight": "32px",
        "letterSpacing": "-0.96px"
      }
    },
    "display-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "30px",
        "lineHeight": "38px",
        "letterSpacing": "-1.2px"
      }
    },
    "display-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "36px",
        "lineHeight": "44px",
        "letterSpacing": "-1.44px"
      }
    },
    "display-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "48px",
        "lineHeight": "60px",
        "letterSpacing": "-1.92px"
      }
    },
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "60px",
        "lineHeight": "72px",
        "letterSpacing": "-2.4px"
      }
    },
    "display-2xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": "72px",
        "lineHeight": "90px",
        "letterSpacing": "-2.88px"
      }
    }
  },
  "spacing": {
    "none": {
      "$type": "dimension",
      "$value": "0"
    },
    "xxs": {
      "$type": "dimension",
      "$value": "2px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "6px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "12px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "16px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "20px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "24px"
    },
    "4xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "5xl": {
      "$type": "dimension",
      "$value": "40px"
    },
    "6xl": {
      "$type": "dimension",
      "$value": "48px"
    },
    "7xl": {
      "$type": "dimension",
      "$value": "64px"
    },
    "8xl": {
      "$type": "dimension",
      "$value": "80px"
    },
    "9xl": {
      "$type": "dimension",
      "$value": "96px"
    },
    "10xl": {
      "$type": "dimension",
      "$value": "128px"
    },
    "11xl": {
      "$type": "dimension",
      "$value": "160px"
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": "0"
    },
    "xxs": {
      "$type": "dimension",
      "$value": "2px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "6px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "10px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "12px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "16px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "20px"
    },
    "4xl": {
      "$type": "dimension",
      "$value": "24px"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "component": {
    "icon-sm": {
      "$type": "dimension",
      "$value": "16px"
    },
    "icon-md": {
      "$type": "dimension",
      "$value": "20px"
    },
    "icon-lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "duration-fast": {
      "$type": "duration",
      "$value": "120ms"
    },
    "duration-base": {
      "$type": "duration",
      "$value": "200ms"
    },
    "duration-slow": {
      "$type": "duration",
      "$value": "360ms"
    },
    "ease-standard": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(.2, 0, 0, 1)"
    },
    "ease-emphasized": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(.2, .7, .2, 1)"
    },
    "ease-exit": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(.4, 0, 1, 1)"
    }
  },
  "breakpoint": {
    "xxs": {
      "$type": "dimension",
      "$value": "320px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "600px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "640px"
    },
    "md": {
      "$type": "dimension",
      "$value": "768px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "1024px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "1280px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "1536px"
    }
  },
  "maxWidth": {
    "container": {
      "$type": "dimension",
      "$value": "1280px"
    }
  },
  "logo": {
    "xRatio": {
      "$type": "number",
      "$value": 0.1111111111111111,
      "$description": "X = belgi kengligi / 9"
    },
    "clearspace": {
      "$type": "number",
      "$value": 1,
      "$description": "X birligida, har tomondan"
    },
    "markToWordmarkGap": {
      "$type": "number",
      "$value": 2,
      "$description": "X birligida"
    },
    "minFull": {
      "$type": "dimension",
      "$value": "120px"
    },
    "minMark": {
      "$type": "dimension",
      "$value": "16px"
    },
    "minBadge": {
      "$type": "dimension",
      "$value": "64px"
    }
  },
  "print": {
    "page-width": {
      "$type": "dimension",
      "$value": "210mm"
    },
    "page-height": {
      "$type": "dimension",
      "$value": "297mm"
    },
    "margin-top": {
      "$type": "dimension",
      "$value": "30mm"
    },
    "margin-bottom": {
      "$type": "dimension",
      "$value": "17mm"
    },
    "margin-x": {
      "$type": "dimension",
      "$value": "17mm"
    },
    "header-top": {
      "$type": "dimension",
      "$value": "5.3mm"
    },
    "footer-bottom": {
      "$type": "dimension",
      "$value": "5mm"
    },
    "body-size": {
      "$type": "dimension",
      "$value": "10pt"
    },
    "body-leading": {
      "$type": "number",
      "$value": 1.5
    },
    "body-weight": {
      "$type": "fontWeight",
      "$value": 400
    },
    "strong-weight": {
      "$type": "fontWeight",
      "$value": 700
    },
    "section-weight": {
      "$type": "fontWeight",
      "$value": 700
    },
    "caps-weight": {
      "$type": "fontWeight",
      "$value": 700
    },
    "first-col-weight": {
      "$type": "fontWeight",
      "$value": 600
    },
    "card-size": {
      "$type": "dimension",
      "$value": "9.5pt"
    },
    "card-leading": {
      "$type": "number",
      "$value": 1.42
    },
    "table-size": {
      "$type": "dimension",
      "$value": "9pt"
    },
    "table-leading": {
      "$type": "number",
      "$value": 1.42
    },
    "meta-size": {
      "$type": "dimension",
      "$value": "9pt"
    },
    "meta-weight": {
      "$type": "fontWeight",
      "$value": 500
    },
    "label-size": {
      "$type": "dimension",
      "$value": "7.5pt"
    },
    "th-size": {
      "$type": "dimension",
      "$value": "7pt"
    },
    "caps-tracking": {
      "$type": "dimension",
      "$value": ".12em"
    },
    "head-size": {
      "$type": "dimension",
      "$value": "7pt"
    },
    "head-mark": {
      "$type": "dimension",
      "$value": "12px"
    },
    "notice-size": {
      "$type": "dimension",
      "$value": "6.5pt"
    },
    "title-sop": {
      "$type": "dimension",
      "$value": "25pt"
    },
    "title-sop-tracking": {
      "$type": "dimension",
      "$value": "-.035em"
    },
    "title-card": {
      "$type": "dimension",
      "$value": "22pt"
    },
    "section-title": {
      "$type": "dimension",
      "$value": "15pt"
    },
    "section-tracking": {
      "$type": "dimension",
      "$value": "-.03em"
    },
    "num-size": {
      "$type": "dimension",
      "$value": "12pt"
    },
    "num-tile": {
      "$type": "dimension",
      "$value": "9mm"
    },
    "num-radius": {
      "$type": "dimension",
      "$value": "2.2mm"
    },
    "rule-height": {
      "$type": "dimension",
      "$value": "4px"
    },
    "th-rule": {
      "$type": "dimension",
      "$value": "1.5px"
    },
    "row-height": {
      "$type": "dimension",
      "$value": "18pt"
    },
    "panel-title": {
      "$type": "dimension",
      "$value": "13pt"
    },
    "step-title": {
      "$type": "dimension",
      "$value": "11pt"
    },
    "icon-tile": {
      "$type": "dimension",
      "$value": "7.4mm"
    },
    "icon": {
      "$type": "dimension",
      "$value": "4.4mm"
    },
    "step-rise": {
      "$type": "dimension",
      "$value": "10mm"
    },
    "step-base": {
      "$type": "dimension",
      "$value": "52mm"
    },
    "sign-row": {
      "$type": "dimension",
      "$value": "13mm"
    },
    "font": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "DejaVu Sans",
        "sans-serif"
      ]
    },
    "title-weight": {
      "$type": "fontWeight",
      "$value": 700
    },
    "rule-fill": {
      "$type": "string",
      "$value": "var(--eco-color-malachite-button)",
      "$description": "CSS background — brend chizig‘i (4px)"
    }
  }
}