{
  "$description": "Startdown. Semantic design tokens grounded in the original dashboard palette, geometry and controls. Dark is the default mode; mode overrides live in the com.startdown.modes extension.",
  "$extensions": {
    "com.startdown.modes": {
      "theme": {
        "light": {
          "color.bg.canvas": "{palette.paper}",
          "color.bg.shell": "{palette.neutral.100}",
          "color.bg.panel": "{palette.white}",
          "color.bg.raised": "{palette.fog}",
          "color.bg.hover": "{palette.mist}",
          "color.fg.primary": "{palette.ink}",
          "color.fg.secondary": "{palette.slate}",
          "color.fg.muted": "{palette.stone}",
          "color.fg.inverse": "{palette.white}",
          "color.border.subtle": "{palette.mist}",
          "color.border.default": "{palette.silver}",
          "color.border.strong": "{palette.stone}",
          "color.accent": "{palette.ink}",
          "color.accent-hover": "{palette.slate}",
          "color.positive": "{palette.green-ink}",
          "color.positive-subtle": "{palette.mint-wash}",
          "color.negative": "{palette.red-ink}",
          "color.negative-subtle": "{palette.coral-wash}",
          "color.warning": "{palette.ochre}",
          "color.warning-subtle": "{palette.amber-wash}",
          "color.info": "{palette.indigo}",
          "color.info-subtle": "{palette.blue-wash}",
          "color.focus": "{palette.neutral.900}",
          "color.control-outline": "{palette.neutral.300}",
          "color.control-tick": "{palette.neutral.900}",
          "chart.grid": "{palette.silver}",
          "chart.line": "{color.positive}",
          "chart.comparison": "{palette.indigo}"
        }
      },
      "density": {
        "compact": {
          "control.height.sm": {
            "value": 30,
            "unit": "px"
          },
          "control.height.md": {
            "value": 36,
            "unit": "px"
          },
          "control.height.lg": {
            "value": 44,
            "unit": "px"
          },
          "control.padding": "{space.3}",
          "control.gap": "{space.2}",
          "control.panel-padding": "{space.5}",
          "control.icon-size": {
            "value": 36,
            "unit": "px"
          }
        }
      }
    }
  },
  "palette": {
    "$type": "color",
    "neutral": {
      "50": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.96078, 0.96078, 0.96078],
          "alpha": 1
        }
      },
      "100": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.85098, 0.85098, 0.85098],
          "alpha": 1
        }
      },
      "200": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.76078, 0.76078, 0.76078],
          "alpha": 1
        }
      },
      "300": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.56078, 0.56078, 0.56078],
          "alpha": 1
        }
      },
      "400": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.33333, 0.33333, 0.33333],
          "alpha": 1
        }
      },
      "500": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.23922, 0.23922, 0.23922],
          "alpha": 1
        }
      },
      "600": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.16078, 0.16078, 0.16078],
          "alpha": 1
        }
      },
      "700": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.12157, 0.12157, 0.12157],
          "alpha": 1
        }
      },
      "800": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.07843, 0.07843, 0.07843],
          "alpha": 1
        }
      },
      "900": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.05098, 0.05098, 0.05098],
          "alpha": 1
        }
      },
      "$description": "Exact primaryDark ramp from the original tailwind.config.ts. Preserve these source values; semantic aliases assign roles."
    },
    "ivory": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.96863, 0.96471, 0.9451],
        "alpha": 1
      },
      "$description": "Exact #f7f6f1 from the original HorizontalSingleAuto tick component."
    },
    "canvas": {
      "$value": "{palette.neutral.900}"
    },
    "panel": {
      "$value": "{palette.neutral.700}"
    },
    "raised": {
      "$value": "{palette.neutral.600}"
    },
    "hover": {
      "$value": "{palette.neutral.500}"
    },
    "line": {
      "$value": "{palette.neutral.500}"
    },
    "strong-line": {
      "$value": "{palette.neutral.300}"
    },
    "cream": {
      "$value": "{palette.neutral.50}"
    },
    "ash": {
      "$value": "{palette.neutral.200}"
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.63922, 0.63922, 0.63922],
        "alpha": 1
      },
      "$description": "Neutral secondary text tuned for AA contrast over the original #292929 raised surface."
    },
    "mint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.7098, 0.89804, 0.81176],
        "alpha": 1
      },
      "$description": "Legacy mint retained for source compatibility. Use color.positive for current signed gains."
    },
    "mint-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.10588, 0.18824, 0.15294],
        "alpha": 1
      }
    },
    "coral": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.89804, 0.64314, 0.60784],
        "alpha": 1
      },
      "$description": "Legacy coral retained for source compatibility. Use color.negative for current signed losses."
    },
    "coral-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.22353, 0.14118, 0.13333],
        "alpha": 1
      }
    },
    "green": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.20784, 0.86275, 0.47059],
        "alpha": 1
      },
      "$description": "Clear green for signed gains on dark surfaces, including hover. Pair with directional text or a sign."
    },
    "red": {
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.52157, 0.52157],
        "alpha": 1
      },
      "$description": "Bright red for signed losses on dark surfaces. Its luminance preserves normal-text contrast even on #3d3d3d hover."
    },
    "green-ink": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.07843, 0.35294, 0.19608],
        "alpha": 1
      },
      "$description": "Dark green for positive text on light surfaces, including #c2c2c2 hover; supports white text on filled tags."
    },
    "red-ink": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.58039, 0.13725, 0.17255],
        "alpha": 1
      },
      "$description": "Dark red for negative text on light surfaces, including #c2c2c2 hover; supports white text on filled tags."
    },
    "amber": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.8902, 0.77255, 0.54118],
        "alpha": 1
      }
    },
    "amber-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.22353, 0.19216, 0.12549],
        "alpha": 1
      }
    },
    "blue": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.66275, 0.76078, 0.92549],
        "alpha": 1
      }
    },
    "blue-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.14118, 0.17255, 0.22745],
        "alpha": 1
      }
    },
    "paper": {
      "$value": "{palette.neutral.50}"
    },
    "white": {
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 1, 1],
        "alpha": 1
      }
    },
    "fog": {
      "$value": "{palette.neutral.100}"
    },
    "mist": {
      "$value": "{palette.neutral.200}"
    },
    "silver": {
      "$value": "{palette.neutral.300}"
    },
    "ink": {
      "$value": "{palette.neutral.900}"
    },
    "slate": {
      "$value": "{palette.neutral.500}"
    },
    "stone": {
      "$value": "{palette.neutral.400}"
    },
    "forest": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.15294, 0.38039, 0.28235],
        "alpha": 1
      }
    },
    "mint-wash": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.83137, 0.9098, 0.86275],
        "alpha": 1
      }
    },
    "rust": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.63529, 0.25098, 0.20392],
        "alpha": 1
      }
    },
    "coral-wash": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.96078, 0.86667, 0.84706],
        "alpha": 1
      }
    },
    "ochre": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.48235, 0.33725, 0.10196],
        "alpha": 1
      }
    },
    "amber-wash": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.9451, 0.88627, 0.76078],
        "alpha": 1
      }
    },
    "indigo": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.23922, 0.36863, 0.62745],
        "alpha": 1
      }
    },
    "blue-wash": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.8549, 0.8902, 0.96078],
        "alpha": 1
      }
    },
    "overlay": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0, 0, 0],
        "alpha": 0.66
      }
    }
  },
  "color": {
    "$type": "color",
    "bg": {
      "canvas": {
        "$value": "{palette.canvas}",
        "$description": "Application canvas; the deepest surface."
      },
      "shell": {
        "$value": "{palette.neutral.800}",
        "$description": "Original #141414 application shell, with 48px corners, surrounding 40px nested panels."
      },
      "panel": {
        "$value": "{palette.panel}",
        "$description": "Primary cards and modal surfaces."
      },
      "raised": {
        "$value": "{palette.raised}",
        "$description": "Inset controls and elevated nested surfaces."
      },
      "hover": {
        "$value": "{palette.hover}",
        "$description": "Interactive surface on hover."
      },
      "overlay": {
        "$value": "{palette.overlay}",
        "$description": "Modal scrim."
      }
    },
    "fg": {
      "primary": {
        "$value": "{palette.cream}",
        "$description": "Primary text and high-emphasis icons."
      },
      "secondary": {
        "$value": "{palette.ash}",
        "$description": "Supporting text with normal-text contrast."
      },
      "muted": {
        "$value": "{palette.muted}",
        "$description": "Tertiary text. Retains AA contrast on panel surfaces."
      },
      "inverse": {
        "$value": "{palette.canvas}",
        "$description": "Content placed on accent surfaces."
      }
    },
    "border": {
      "subtle": {
        "$value": "{palette.hover}",
        "$description": "Decorative dividers; not for required control boundaries."
      },
      "default": {
        "$value": "{palette.line}",
        "$description": "Card edges and secondary separation."
      },
      "strong": {
        "$value": "{palette.strong-line}",
        "$description": "Required input boundaries and active outlines."
      }
    },
    "accent": {
      "$value": "{palette.cream}",
      "$description": "Neutral high-emphasis action. Reserve color for market meaning."
    },
    "accent-hover": {
      "$value": "{palette.ash}"
    },
    "positive": {
      "$value": "{palette.green}",
      "$description": "Green for positive signed change or successful state. Pair with a plus sign, direction or label. Zero stays neutral; this is not a buy recommendation."
    },
    "positive-subtle": {
      "$value": "{palette.mint-dark}"
    },
    "negative": {
      "$value": "{palette.red}",
      "$description": "Red for negative signed change, error or destructive intent. Pair with a minus sign, direction or label. Zero stays neutral; this is not a sell recommendation."
    },
    "negative-subtle": {
      "$value": "{palette.coral-dark}"
    },
    "warning": {
      "$value": "{palette.amber}"
    },
    "warning-subtle": {
      "$value": "{palette.amber-dark}"
    },
    "info": {
      "$value": "{palette.blue}"
    },
    "info-subtle": {
      "$value": "{palette.blue-dark}"
    },
    "focus": {
      "$value": "{palette.neutral.50}",
      "$description": "Visible keyboard focus ring."
    },
    "control-outline": {
      "$value": "{palette.neutral.400}",
      "$description": "Original circular control outline. Icons and ivory side ticks communicate the control shape."
    },
    "control-tick": {
      "$value": "{palette.ivory}",
      "$description": "Original paired 3-by-8px tick marks. Not a one-pixel dash."
    }
  },
  "space": {
    "0": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "1": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "2": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "3": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "4": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "5": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "6": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "8": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "10": {
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "12": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "16": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "20": {
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "$type": "dimension"
  },
  "radius": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "xl": {
      "$value": {
        "value": 32,
        "unit": "px"
      },
      "$description": "32px inset geometry, retained as a utility. Main panels use radius.panel and shells radius.shell."
    },
    "panel": {
      "$value": {
        "value": 40,
        "unit": "px"
      },
      "$description": "Original dashboard rounded-[2.5rem] nested panel."
    },
    "shell": {
      "$value": {
        "value": 48,
        "unit": "px"
      },
      "$description": "Original dashboard rounded-[3rem] application shell."
    },
    "pill": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "sans": {
        "$value": ["Montserrat Variable", "Montserrat", "Arial", "sans-serif"]
      },
      "mono": {
        "$value": [
          "JetBrains Mono Variable",
          "SFMono-Regular",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ]
      }
    },
    "size": {
      "$type": "dimension",
      "xs": {
        "$value": {
          "value": 0.6875,
          "unit": "rem"
        }
      },
      "sm": {
        "$value": {
          "value": 0.75,
          "unit": "rem"
        }
      },
      "md": {
        "$value": {
          "value": 0.8125,
          "unit": "rem"
        }
      },
      "lg": {
        "$value": {
          "value": 1,
          "unit": "rem"
        }
      },
      "xl": {
        "$value": {
          "value": 1.5,
          "unit": "rem"
        }
      },
      "2xl": {
        "$value": {
          "value": 2,
          "unit": "rem"
        }
      },
      "display": {
        "$value": {
          "value": 6,
          "unit": "rem"
        },
        "$description": "Display values only. Never use extra-light weight for body or controls."
      }
    },
    "weight": {
      "$type": "fontWeight",
      "display": {
        "$value": 200
      },
      "regular": {
        "$value": 400
      },
      "medium": {
        "$value": 500
      },
      "semibold": {
        "$value": 600
      },
      "light": {
        "$value": 300
      },
      "heading": {
        "$value": 800,
        "$description": "Original uppercase dashboard section headings paired with extra-light display figures."
      }
    }
  },
  "lineHeight": {
    "$type": "number",
    "tight": {
      "$value": 1.08
    },
    "normal": {
      "$value": 1.5
    },
    "relaxed": {
      "$value": 1.75
    }
  },
  "letterSpacing": {
    "$type": "dimension",
    "tight": {
      "$value": {
        "value": -0.03,
        "unit": "rem"
      }
    },
    "normal": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "label": {
      "$value": {
        "value": 0.075,
        "unit": "rem"
      }
    }
  },
  "duration": {
    "$type": "duration",
    "instant": {
      "$value": {
        "value": 0,
        "unit": "ms"
      }
    },
    "fast": {
      "$value": {
        "value": 120,
        "unit": "ms"
      }
    },
    "normal": {
      "$value": {
        "value": 180,
        "unit": "ms"
      }
    },
    "slow": {
      "$value": {
        "value": 320,
        "unit": "ms"
      }
    },
    "pulse": {
      "$value": {
        "value": 1600,
        "unit": "ms"
      }
    }
  },
  "easing": {
    "$type": "cubicBezier",
    "standard": {
      "$value": [0.2, 0, 0, 1]
    },
    "enter": {
      "$value": [0.16, 1, 0.3, 1]
    }
  },
  "zIndex": {
    "$type": "number",
    "base": {
      "$value": 0
    },
    "sticky": {
      "$value": 20
    },
    "navigation": {
      "$value": 50
    },
    "overlay": {
      "$value": 100
    },
    "dialog": {
      "$value": 110
    },
    "toast": {
      "$value": 120
    }
  },
  "control": {
    "$type": "dimension",
    "height": {
      "sm": {
        "$value": {
          "value": 36,
          "unit": "px"
        }
      },
      "md": {
        "$value": {
          "value": 44,
          "unit": "px"
        }
      },
      "lg": {
        "$value": {
          "value": 52,
          "unit": "px"
        }
      }
    },
    "padding": {
      "$value": "{space.4}"
    },
    "gap": {
      "$value": "{space.3}"
    },
    "panel-padding": {
      "$value": "{space.8}"
    },
    "icon-size": {
      "$value": {
        "value": 40,
        "unit": "px"
      },
      "$description": "Original circular navigation and boomerang action size."
    },
    "rail-size": {
      "$value": {
        "value": 40,
        "unit": "px"
      },
      "$description": "Stable original 40px rail circles in either density."
    },
    "tick-width": {
      "$value": {
        "value": 3,
        "unit": "px"
      }
    },
    "tick-height": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "tick-offset": {
      "$value": {
        "value": 3,
        "unit": "px"
      }
    },
    "tick-hover-offset": {
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "focus-width": {
      "$value": {
        "value": 2,
        "unit": "px"
      }
    },
    "focus-offset": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    }
  },
  "medallion": {
    "$type": "dimension",
    "$description": "Opt-in inset bands for existing neutral circular enumeration and abbreviation badges. Not for logos, navigation controls, plain counts or status chips.",
    "inset-sm": {
      "$value": { "value": 3, "unit": "px" },
      "$description": "Inset band for compact 26–34px circles."
    },
    "inset-md": {
      "$value": { "value": 5, "unit": "px" },
      "$description": "Original portfolio/sector inset band for 36–64px circles."
    }
  },
  "chart": {
    "$type": "color",
    "line": {
      "$value": "{color.positive}"
    },
    "negative": {
      "$value": "{color.negative}"
    },
    "comparison": {
      "$value": "{color.info}"
    },
    "grid": {
      "$value": "{color.border.default}"
    },
    "label": {
      "$value": "{color.fg.muted}"
    },
    "stroke": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "px"
      }
    }
  },
  "opacity": {
    "$type": "number",
    "disabled": {
      "$value": 0.45
    },
    "chart-fill": {
      "$value": 0.14
    }
  },
  "shadow": {
    "$type": "shadow",
    "dialog": {
      "$value": {
        "color": "{palette.overlay}",
        "offsetX": {
          "value": 0,
          "unit": "px"
        },
        "offsetY": {
          "value": 24,
          "unit": "px"
        },
        "blur": {
          "value": 80,
          "unit": "px"
        },
        "spread": {
          "value": 0,
          "unit": "px"
        }
      }
    }
  }
}