@titan-design/react-ui 0.11.0 → 0.12.1

package/dist/theme/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/tokens/primitives.ts","../../src/theme/tokens/semantic.ts"],"names":[],"mappings":"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","file":"tokens.mjs","sourcesContent":["/**\n * Primitive Design Tokens\n *\n * Raw values with no semantic meaning. These are the foundation of the design system\n * and should rarely be used directly in components. Use semantic tokens instead.\n */\n\n/**\n * Absolute colour keywords.\n *\n * This used to hold five scales — `blue`, `red`, `redVivid`, `neutral` and\n * `charcoal`. All five are gone (TD-07.14): the greys folded into `greyRamp`\n * below and the chromatics into the OKLCH `primitiveRamps`. What is left has no\n * scale because these three are not colours you tune, they are keywords.\n */\nexport const primitiveColors = {\n  white: '#FFFFFF',\n  black: '#000000',\n  transparent: 'transparent',\n} as const\n\n/**\n * Unified warm-neutral grey ramp (TD-07.14)\n *\n * The ONE achromatic scale. Regenerate with `scripts/generate-grey-ramp.mjs` —\n * preserve the generator, not just the hexes.\n *\n * The surface planes ARE steps here rather than a parallel object: `850` is\n * overlay, `975` is the bezel. That is the whole point of the ramp. `grey`,\n * `neutral`, `surfaceRampDark` and `backgroundFrameDark` all resolve into it,\n * which is why every plane step below is byte-identical to the value that\n * shipped in v0.10.0 — the surfaces do not move, only their names.\n *\n * TWO THINGS ABOUT THE NUMBERING, both deliberate and both previously re-derived\n * from scratch more than once because they were never written down:\n *\n * 1. `975` sits BELOW the standard grid. `canonL` — the median L* of the seven\n *    chromatic `primitiveRamps` at each step — ends at L*10.3, which is step\n *    `950`. The bezel is L*3.8, darker than the grid's last rung, so there is\n *    simply no step number left for it and `975` extends past the end.\n * 2. `850`/`875` are quarter-steps because overlay/raised/elevated are only\n *    ~2.7 L* apart and all three collide on `900` at normal resolution. `800`\n *    is a generated bridge between `700` (L*37.9) and overlay (L*22.7) so the\n *    spacing stays even across the join.\n *\n * There is no `inset`. It was retired, not renamed: at ΔE 1.10 from `975` it was\n * an imperceptible duplicate of the frame, which is exactly why `<Surface pressed>`\n * (surface − 1) kept collapsing into it. `975` is the floor.\n *\n * Spec, generator and the rejected v1/v2 cuts:\n * sources/design/foundations/warm-grey-ramp/\n */\nexport const greyRamp = {\n  50: '#F9F6F3', //  L*97.0  W6\n  100: '#EDEAE7', // L*92.8  W6\n  200: '#D4D1CE', // L*84.0  W6  — warm silver\n  300: '#BDBAB7', // L*75.7  W6\n  400: '#A29F9D', // L*65.7  W5\n  500: '#888684', // L*56.0  W4\n  600: '#72716F', // L*47.7  W3\n  700: '#5A5958', // L*37.9  W2\n  800: '#424140', // L*27.6  W2  — generated bridge\n  850: '#373635', // L*22.7  W2  — surface overlay\n  875: '#31302F', // L*19.9  W2  — surface raised\n  900: '#2C2A28', // L*17.2  W4  — surface elevated\n  925: '#252321', // L*13.9  W4  — surface base\n  950: '#1C1916', // L*9.0   W6  — background base / shell\n  975: '#100D0A', // L*3.8   W6  — background frame / bezel\n} as const\n\n/**\n * The surface planes, as ramp steps — the mapping `<Surface level>` resolves through.\n *\n * Ordered darkest -> lightest, which is the order `pressedLevel()` walks.\n */\nexport const SURFACE_PLANE_STEPS = {\n  frame: 975,\n  background: 950,\n  base: 925,\n  elevated: 900,\n  raised: 875,\n  overlay: 850,\n} as const\n\n/**\n * Derived tonal ramps (TD-05.09 color foundations)\n *\n * Seven OKLCH-generated hue ramps, 11 perceptual lightness steps each (50 -> 950).\n * Built with hue-torsion + a chroma arc, anchored through existing brand/semantic\n * hexes. `pin` marks the step each ramp flows through its anchor.\n * This is the single source of truth for chromatic hexes — the categorical palette\n * below references these steps rather than duplicating values.\n * See sources/design/foundations.\n */\nexport const primitiveRamps = {\n  red: {\n    50: '#FFF4F4',\n    100: '#FFE3E5',\n    200: '#FFC2C5',\n    300: '#FF9A9D',\n    400: '#F77175',\n    500: '#E05254',\n    600: '#D14343', // pin\n    700: '#A4221C',\n    800: '#7E1002',\n    900: '#5A0900',\n    950: '#3D0400',\n  },\n  orange: {\n    50: '#FFF5ED',\n    100: '#FFE6D4',\n    200: '#FFC7A2',\n    300: '#FFA063',\n    400: '#FF7900', // pin\n    500: '#DA5F00',\n    600: '#B94A00',\n    700: '#983804',\n    800: '#6F290F',\n    900: '#4E1C0C',\n    950: '#331107',\n  },\n  amber: {\n    50: '#FFF7DD',\n    100: '#FFEAA9',\n    200: '#FFD352',\n    300: '#F9B415', // pin\n    400: '#E08C00',\n    500: '#C27400',\n    600: '#A45E00',\n    700: '#814D14',\n    800: '#5B3A1A',\n    900: '#442503',\n    950: '#301500',\n  },\n  green: {\n    50: '#E3FFEE',\n    100: '#B5FFD2',\n    200: '#58F69E',\n    300: '#2ED573', // pin\n    400: '#21C05D',\n    500: '#22A444',\n    600: '#298732',\n    700: '#2B6B25',\n    800: '#264D1C',\n    900: '#1B3515',\n    950: '#11220D',\n  },\n  cyan: {\n    50: '#E6FBFF',\n    100: '#C2F6FF',\n    200: '#62EAFF',\n    300: '#22D3EE', // pin\n    400: '#01B5D1',\n    500: '#2697B7',\n    600: '#307B9B',\n    700: '#2A617F',\n    800: '#22465F',\n    900: '#0B3149',\n    950: '#001F36',\n  },\n  blue: {\n    50: '#EFF8FF',\n    100: '#D9EFFF',\n    200: '#ACDBFF',\n    300: '#78C2FF',\n    400: '#3CA8FF',\n    500: '#2196F3', // pin\n    600: '#1072CB',\n    700: '#135AA8',\n    800: '#14407E',\n    900: '#112C5A',\n    950: '#091B3C',\n  },\n  magenta: {\n    50: '#FFF3F9',\n    100: '#FFE2F1',\n    200: '#FFBDE2',\n    300: '#FF8FD5',\n    400: '#ED69C3',\n    500: '#D548AF',\n    600: '#BA2996',\n    700: '#9C0D7A', // pin\n    800: '#77005A',\n    900: '#56003F',\n    950: '#3B0029',\n  },\n} as const\n\n/**\n * Categorical (qualitative) palette — an ordered, CVD-safe series expressed as\n * references into {@link primitiveRamps} (one source of truth; the palette moves\n * with the ramps).\n *\n * Design: a single canonical hue order (blue, magenta, red, orange, green, cyan,\n * amber), with steps chosen vivid-midtone-first and fanned lighter/darker as the\n * series grows to preserve separation. The sequence is nested-stable — a chart\n * with N series uses the first N colors, and the series index is stable as N\n * changes. Colorblind-safe worst-case deuteranopia/protanopia floor 8 holds\n * through {@link CATEGORICAL_CVD_SAFE_MAX} colors; the 7th is an extended color\n * that should be paired with a legend or other secondary encoding.\n *\n * Two variants: `default` (vivid, sits on neutral/light surfaces, legible under\n * black text) and `dark` (deeper shades legible under white text on a fill). A\n * separate \"light\" variant was dropped — the vivid `default` picks already clear\n * black-text contrast, so it doubles as the light-context palette.\n */\nexport const categoricalPalette = {\n  default: [\n    primitiveRamps.blue[500],\n    primitiveRamps.magenta[500],\n    primitiveRamps.red[500],\n    primitiveRamps.orange[400],\n    primitiveRamps.green[300],\n    primitiveRamps.cyan[300],\n    primitiveRamps.amber[600], // extended (7th) — pair with a legend\n  ],\n  dark: [\n    primitiveRamps.blue[600],\n    primitiveRamps.magenta[600],\n    primitiveRamps.red[500],\n    primitiveRamps.orange[600],\n    primitiveRamps.green[800],\n    primitiveRamps.cyan[800],\n    primitiveRamps.amber[500], // extended (7th) — pair with a legend\n  ],\n} as const\n\n/** Largest series count that holds the CVD floor without a legend. */\nexport const CATEGORICAL_CVD_SAFE_MAX = 6\n\n/**\n * Categorical palette variant.\n * - `default` : vivid; neutral/light surfaces, legible under black text\n * - `dark`    : deeper shades, legible under white text on a filled swatch\n */\nexport type CategoricalVariant = keyof typeof categoricalPalette\n\n/**\n * Get a color from the ordered categorical palette by series index.\n * The palette is nested-stable, so the color for a given index does not change\n * with the total series count; `index` simply wraps past the end.\n *\n * @param index - 0-based series index (wraps past the end)\n * @param variant - `default` (black-text / light surfaces) or `dark` (white text)\n * @returns The hex color string\n */\nexport function getCategoricalColor(index: number, variant: CategoricalVariant = 'default'): string {\n  const palette = categoricalPalette[variant]\n  index = Math.max(0, Math.floor(index))\n  return palette[index % palette.length]\n}\n\n/**\n * Diverging status scale (BodyMap training-status: under → optimal → over) as\n * references into {@link primitiveRamps}. A true diverging shape — `optimal` is\n * the lightest center, the extremes go darker — so the signal reads in lightness\n * (colorblind-robust; worst-case deut/protanopia min ΔE ~10.9) and the direction\n * reads in the blue↔red axis (the CVD-safe hue pair).\n *\n * Tuned so every stop is dark enough for the fill yet light enough that BLACK\n * text clears 4.5:1 on all five — no per-cell white/black flipping. The value\n * valley is symmetric: the two mid-arms (maintenance / approaching) sit at equal\n * lightness (both ~0.53 relative luminance), the ends darker.\n */\nexport const divergingScale = [\n  primitiveRamps.blue[500], // under\n  primitiveRamps.cyan[300], // maintenance\n  primitiveRamps.green[200], // optimal (light center)\n  primitiveRamps.amber[300], // approaching\n  primitiveRamps.red[600], // over\n] as const\n\n/**\n * Sequential \"effort\" scale (low → high intensity: green → yellow → orange → red)\n * as references into {@link primitiveRamps}. A 6-stop ordinal palette; the\n * velocity/RPE strip sub-samples it. Every adjacent pair clears the CVD floor\n * (min deut/protan ΔE ≥ 4.5), and within that the hue walk is kept smooth —\n * the amber-200 → amber-300 → orange-400 run steps the yellow→orange transition\n * gradually rather than lurching. Order encodes magnitude, so it tolerates the\n * green↔red CVD pair. Stops 0–3 take black text; the dark reds take white.\n */\nexport const sequentialEffort = [\n  primitiveRamps.green[300],\n  primitiveRamps.amber[200],\n  primitiveRamps.amber[300],\n  primitiveRamps.orange[400],\n  primitiveRamps.red[600],\n  primitiveRamps.red[700],\n] as const\n\n/**\n * Best-contrast text color (black or white) for a solid fill — for labels sitting\n * on categorical/diverging/effort swatches. Uses the WCAG relative-luminance ratio.\n */\nexport function bestTextColor(hex: string): '#000000' | '#FFFFFF' {\n  const [r, g, b] = [0, 2, 4].map((i) => {\n    const c = parseInt(hex.replace('#', '').slice(i, i + 2), 16) / 255\n    return c >= 0.04045 ? ((c + 0.055) / 1.055) ** 2.4 : c / 12.92\n  })\n  const l = 0.2126 * r + 0.7152 * g + 0.0722 * b\n  return (l + 0.05) / 0.05 >= 1.05 / (l + 0.05) ? '#000000' : '#FFFFFF'\n}\n\n/**\n * Discrete rainbow palette for data visualization\n * Based on Paul Tol's color schemes: https://personal.sron.nl/~pault/#fig:scheme_rainbow_discrete\n */\nexport const discreteRainbow = [\n  '#E8ECFB',\n  '#D9CCE3',\n  '#D1BBD7',\n  '#CAACCB',\n  '#BA8DB4',\n  '#AE76A3',\n  '#AA6F9E',\n  '#994F88',\n  '#882E72',\n  '#1965B0',\n  '#437DBF',\n  '#5289C7',\n  '#6195CF',\n  '#7BAFDE',\n  '#4EB265',\n  '#90C987',\n  '#CAE0AB',\n  '#F7F056',\n  '#F7CB45',\n  '#F6C141',\n  '#F4A736',\n  '#F1932D',\n  '#EE8026',\n  '#E8601C',\n  '#E65518',\n  '#DC050C',\n  '#A5170E',\n  '#72190E',\n  '#42150A',\n] as const\n\n/**\n * Palette indices for discrete rainbow colors at different palette sizes.\n * For a given palette size (index + 1), returns the indices of colors to use.\n */\nconst discreteRainbowPalettes: number[][] = [\n  [10],\n  [10, 26],\n  [10, 18, 26],\n  [10, 15, 18, 26],\n  [10, 14, 15, 18, 26],\n  [10, 14, 15, 17, 18, 26],\n  [9, 10, 14, 15, 17, 18, 26],\n  [9, 10, 14, 15, 17, 18, 23, 26],\n  [9, 10, 14, 15, 17, 18, 23, 26, 28],\n  [9, 10, 14, 15, 17, 18, 21, 24, 26, 28],\n  [9, 10, 12, 14, 15, 17, 18, 21, 24, 26, 28],\n  [3, 6, 9, 10, 12, 14, 15, 17, 18, 21, 24, 26],\n  [3, 6, 9, 10, 12, 14, 15, 16, 17, 18, 21, 24, 26],\n  [3, 6, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26],\n  [3, 6, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26, 28],\n  [3, 5, 7, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26, 28],\n  [3, 5, 7, 8, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26, 28],\n  [3, 5, 7, 8, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26, 27, 28],\n  [2, 4, 5, 7, 8, 9, 10, 12, 14, 15, 16, 17, 18, 20, 22, 24, 26, 27, 28],\n  [2, 4, 5, 7, 8, 9, 10, 11, 13, 14, 15, 16, 17, 18, 20, 22, 24, 26, 27, 28],\n  [2, 4, 5, 7, 8, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 21, 23, 25, 26, 27, 28],\n  [2, 4, 5, 7, 8, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 21, 23, 25, 26, 27, 28, 29],\n  [1, 2, 4, 5, 7, 8, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 21, 23, 25, 26, 27, 28, 29],\n]\n\n/**\n * Get a color from the discrete rainbow palette for a given index and palette size.\n * Colors are optimized for visual distinction at each palette size.\n *\n * @param index - The index of the color in the series (0-based)\n * @param size - The total number of colors needed (1-23)\n * @returns The hex color string\n */\nexport function getDiscreteRainbowColor(index: number, size: number): string {\n  index = Math.max(0, index)\n  size = Math.min(Math.max(1, size), discreteRainbowPalettes.length)\n\n  const palette = discreteRainbowPalettes[size - 1]\n  if (index >= palette.length) index = index % palette.length\n\n  return discreteRainbow[palette[index] - 1]\n}\n\nexport const primitiveTypography = {\n  fontFamilies: {\n    sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif'],\n    body: ['Nunito Sans', 'sans-serif'],\n    heading: ['Space Grotesk', 'sans-serif'],\n    mono: ['SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', 'monospace'],\n  },\n  fontSizes: {\n    xs: '0.75rem',    // 12px\n    sm: '0.875rem',   // 14px\n    base: '1rem',     // 16px\n    lg: '1.125rem',   // 18px\n    xl: '1.5rem',     // 24px\n    '2xl': '2rem',    // 32px\n    '3xl': '2.25rem', // 36px\n    '4xl': '3rem',    // 48px\n    '5xl': '3.5rem',  // 56px\n  },\n  fontWeights: {\n    normal: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n  },\n  lineHeights: {\n    none: 1,\n    tight: 1.375,\n    snug: 1.5,\n    normal: 1.57,\n    relaxed: 1.66,\n    loose: 1.75,\n  },\n  letterSpacing: {\n    tighter: '-0.05em',\n    tight: '-0.025em',\n    normal: '0em',\n    wide: '0.025em',\n    wider: '0.05em',\n    widest: '0.5px',\n  },\n} as const\n\nexport const primitiveSpacing = {\n  0: '0',\n  px: '1px',\n  0.5: '0.125rem',  // 2px\n  1: '0.25rem',     // 4px\n  1.5: '0.375rem',  // 6px\n  2: '0.5rem',      // 8px\n  2.5: '0.625rem',  // 10px\n  3: '0.75rem',     // 12px\n  3.5: '0.875rem',  // 14px\n  4: '1rem',        // 16px\n  5: '1.25rem',     // 20px\n  6: '1.5rem',      // 24px\n  7: '1.75rem',     // 28px\n  8: '2rem',        // 32px\n  9: '2.25rem',     // 36px\n  10: '2.5rem',     // 40px\n  11: '2.75rem',    // 44px\n  12: '3rem',       // 48px\n  14: '3.5rem',     // 56px\n  16: '4rem',       // 64px\n  20: '5rem',       // 80px\n  24: '6rem',       // 96px\n  28: '7rem',       // 112px\n  32: '8rem',       // 128px\n} as const\n\nexport const primitiveBorderRadius = {\n  none: '0',\n  sm: '4px',\n  DEFAULT: '8px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  '2xl': '24px',\n  full: '9999px',\n} as const\n\nexport const primitiveBreakpoints = {\n  xs: 0,\n  sm: 600,\n  md: 1000,\n  lg: 1200,\n  xl: 1920,\n} as const\n\nexport const primitiveZIndex = {\n  hide: -1,\n  auto: 'auto',\n  base: 0,\n  docked: 10,\n  dropdown: 1000,\n  sticky: 1100,\n  drawer: 1100,\n  banner: 1200,\n  appBar: 1200,\n  overlay: 1300,\n  modal: 1400,\n  popover: 1500,\n  skipLink: 1600,\n  toast: 1700,\n  tooltip: 1800,\n} as const\n","/**\n * Semantic Design Tokens\n *\n * Meaningful tokens following DTCG (Design Tokens Community Group) naming conventions.\n * Pattern: {category}-{intent}-{variant?}-{state?}\n *\n * Categories:\n * - brand-* : Brand colors (primary, secondary, accent)\n * - status-* : Feedback colors (success, error, warning, info)\n * - result-* : Outcome indicators (improve, degrade, inconclusive, neutral)\n * - data-* : Data visualization colors (chart series)\n * - on-* : Text on colored backgrounds\n * - surface-* : Elevated containers (NOT \"paper\")\n * - background-* : Page backgrounds\n * - text-* : Text colors\n * - border-* : Border colors\n * - interactive-* : Hover/focus/active/disabled states\n */\n\nimport { primitiveColors as p, primitiveRamps as ramp, greyRamp, discreteRainbow } from './primitives'\n\n/**\n * GREY MAPPING (TD-07.14) — how the old cool scales resolved onto `greyRamp`.\n *\n * Every grey below came off `grey` (pure R=G=B) or `neutral` (cool, R−B\n * down to −26). They were snapped by NEAREST L*, not by matching step numbers,\n * because the two old scales were numbered incompatibly: `grey` ran\n * INVERTED and compressed (0 = #6E6E6E lightest, 900 = #101010 darkest), so\n * `grey[400]` and `greyRamp[400]` have nothing to do with each other.\n *\n *   grey 200→800  300→900  400→925  500→950\n *   neutral   50→50   100→100  300→200  400→400  500→600  600→700  900→950\n *\n * Surfaces move ΔE 1.9–4.8 — at or near imperceptible. The TEXT roles move\n * further (8.6–12.8), and that is the intended part of the change: they are\n * picking up the warmth the surfaces already had.\n *\n * Light gets its own column because strict L*-nearest collapsed `neutral[50]`\n * and `[100]` onto one step, flattening surface-elevated into surface-raised.\n * Light is still deferred as a design question — there is no `surfaceRampLight`.\n *\n * `border-default`, `-subtle` and `-strong` are GONE, replaced by `hairline-*`.\n * Once the planes became ramp steps, every value dark enough to read as a\n * border was also a plane's fill. Alpha composites instead of colliding.\n *\n * `text-tertiary` on dark is the one role that ignores L*-nearest; see it.\n */\n\n// Light mode semantic colors (default)\nexport const semanticColorsLight = {\n  // Brand colors (brand-*)\n  'brand-primary': ramp.orange[400],\n  'brand-primary-light': ramp.orange[300],\n  'brand-primary-dark': ramp.orange[500],\n  'brand-primary-subtle': 'rgba(255, 121, 0, 0.08)',\n  'brand-primary-hover': ramp.orange[500],\n  'brand-primary-active': ramp.orange[600],\n\n  'brand-secondary': ramp.cyan[600],\n  'brand-secondary-light': ramp.cyan[500],\n  'brand-secondary-dark': ramp.cyan[700],\n  'brand-secondary-subtle': 'rgba(48, 123, 155, 0.08)',\n  'brand-secondary-hover': ramp.cyan[700],\n  'brand-secondary-active': ramp.cyan[800],\n\n  // Text on brand backgrounds (on-*)\n  'on-brand-primary': p.white,\n  'on-brand-secondary': p.white,\n\n  // Status colors (status-*)\n  'status-success': ramp.green[300],\n  'status-success-light': ramp.green[200],\n  'status-success-dark': ramp.green[600],\n  'status-success-subtle': ramp.green[50],\n\n  // Live-session accent — its OWN role, decoupled from success so the two can diverge\n  'status-live': ramp.green[300],\n  'status-live-muted': ramp.green[500],\n\n  'status-error': ramp.red[600],\n  'status-error-light': ramp.red[500],\n  'status-error-dark': ramp.red[700],\n  'status-error-subtle': ramp.red[50],\n\n  'status-error-vivid': ramp.red[600],     // vivid alert red\n  'status-error-vivid-light': ramp.red[500],\n  'status-error-vivid-dark': ramp.red[700],\n  'status-error-vivid-subtle': 'rgba(255, 71, 87, 0.12)',\n\n  'status-warning': ramp.amber[300],\n  'status-warning-light': ramp.amber[200],\n  'status-warning-dark': ramp.amber[500],\n  'status-warning-subtle': ramp.amber[50],\n\n  'status-info': ramp.blue[500],\n  'status-info-light': ramp.blue[300],\n  'status-info-dark': ramp.blue[600],\n  'status-info-subtle': ramp.blue[50],\n\n  // Text on status backgrounds (on-status-*)\n  'on-status-success': p.white,\n  'on-status-error': p.white,\n  'on-status-warning': p.white,\n  'on-status-info': p.white,\n\n  // Result/outcome indicators (result-*)\n  'result-improve': '#4caf50',                // Green - positive outcome\n  'result-improve-light': 'rgba(76, 175, 80, 0.12)',\n  'result-improve-dark': '#248a24',\n  'result-degrade': '#ef5350',                // Red - negative outcome\n  'result-degrade-light': 'rgba(239, 83, 80, 0.12)',\n  'result-degrade-dark': '#b30000',\n  'result-inconclusive': '#9E9A97',           // Gray - no clear result\n  'result-inconclusive-light': 'rgba(158, 154, 151, 0.12)',\n  'result-neutral': greyRamp[600],           // Neutral baseline\n\n  // Text on result backgrounds (on-result-*)\n  'on-result-improve': p.white,\n  'on-result-degrade': p.white,\n  'on-result-inconclusive': p.white,\n\n  // Data visualization colors (data-*)\n  // First 10 colors from discrete rainbow optimized for charts\n  'data-1': discreteRainbow[9],               // Blue\n  'data-2': discreteRainbow[14],              // Green\n  'data-3': discreteRainbow[17],              // Yellow\n  'data-4': discreteRainbow[25],              // Red\n  'data-5': discreteRainbow[8],               // Purple\n  'data-6': discreteRainbow[20],              // Orange\n  'data-7': discreteRainbow[13],              // Light Blue\n  'data-8': discreteRainbow[15],              // Light Green\n  'data-9': discreteRainbow[3],               // Lavender\n  'data-10': discreteRainbow[22],             // Dark Orange\n\n  // Text colors (text-*)\n  'text-primary': '#121828',\n  'text-secondary': '#65748B',\n  'text-tertiary': greyRamp[400],\n  'text-disabled': 'rgba(55, 65, 81, 0.48)',\n  'text-inverse': p.white,\n  'text-link': ramp.blue[600],\n  'text-link-hover': ramp.blue[700],\n\n  // Surface colors (surface-*) - for elevated containers\n  'surface-base': p.white,\n  'surface-elevated': greyRamp[50],          // slightly off-white for elevated cards\n  'surface-raised': greyRamp[100],           // light gray for raised cards\n  'surface-overlay': p.white,\n  'surface-input': greyRamp[50],             // Input field background (filled variant)\n\n  // Background colors (background-*)\n  'background-base': '#EBEBEB',\n  'background-default': p.white,\n  'background-subtle': greyRamp[50],\n  // Frame/bezel chrome — top bar + side nav shell, one step below\n  // `background-base`. Placeholder pairing for light mode, which is deferred.\n  'background-frame': greyRamp[400],\n\n  // Border colors (border-*)\n  'border-prominent': greyRamp[400],        // high-visibility divider\n  'border-focus': ramp.blue[600],\n  'border-input': greyRamp[200],             // Input field border\n  'border-input-hover': greyRamp[400],       // Input field border on hover\n  'border-input-focus': ramp.blue[600],          // Input field border on focus\n  'border-input-error': ramp.red[600],           // Input field border on error\n\n  // Alpha hairline separators (surface-independent — composite toward black on\n  // light surfaces, mirroring the dark-mode white-alpha family). See §4/S-2.\n  'hairline-subtle': 'rgba(0, 0, 0, 0.06)',\n  'hairline-default': 'rgba(0, 0, 0, 0.09)',\n  'hairline-strong': 'rgba(0, 0, 0, 0.14)',\n\n  // Interactive states (interactive-*)\n  'interactive-hover': 'rgba(55, 65, 81, 0.04)',\n  'interactive-focus': 'rgba(55, 65, 81, 0.12)',\n  'interactive-active': 'rgba(55, 65, 81, 0.16)',\n  'interactive-selected': 'rgba(55, 65, 81, 0.08)',\n  'interactive-disabled': 'rgba(55, 65, 81, 0.12)',\n  'interactive-disabled-text': 'rgba(55, 65, 81, 0.26)',\n\n  // Divider\n  'divider': '#E8E9EB',\n\n  // Avatar default\n  'avatar-background': greyRamp[600],\n  'avatar-text': p.white,\n} as const\n\n// Dark mode semantic colors\nexport const semanticColorsDark = {\n  // Brand colors stay the same in dark mode\n  'brand-primary': ramp.orange[400],\n  'brand-primary-light': ramp.orange[300],\n  'brand-primary-dark': ramp.orange[500],\n  'brand-primary-subtle': 'rgba(255, 121, 0, 0.12)',\n  'brand-primary-hover': ramp.orange[300],\n  'brand-primary-active': ramp.orange[200],\n\n  'brand-secondary': ramp.cyan[600],\n  'brand-secondary-light': ramp.cyan[500],\n  'brand-secondary-dark': ramp.cyan[700],\n  'brand-secondary-subtle': 'rgba(48, 123, 155, 0.12)',\n  'brand-secondary-hover': ramp.cyan[500],\n  'brand-secondary-active': ramp.cyan[400],\n\n  // Text on brand backgrounds\n  'on-brand-primary': p.white,\n  'on-brand-secondary': p.white,\n\n  // Status colors\n  'status-success': ramp.green[300],\n  'status-success-light': ramp.green[200],\n  'status-success-dark': ramp.green[600],\n  'status-success-subtle': 'rgba(46, 213, 115, 0.12)',\n\n  // Live-session accent — its OWN role, decoupled from success so the two can diverge\n  'status-live': ramp.green[300],\n  'status-live-muted': ramp.green[500],\n\n  'status-error': ramp.red[600],\n  'status-error-light': ramp.red[500],\n  'status-error-dark': ramp.red[700],\n  'status-error-subtle': 'rgba(209, 67, 67, 0.12)',\n\n  'status-error-vivid': ramp.red[600],\n  'status-error-vivid-light': ramp.red[500],\n  'status-error-vivid-dark': ramp.red[700],\n  'status-error-vivid-subtle': 'rgba(255, 71, 87, 0.12)',\n\n  'status-warning': ramp.amber[300],\n  'status-warning-light': ramp.amber[200],\n  'status-warning-dark': ramp.amber[500],\n  'status-warning-subtle': 'rgba(249, 180, 21, 0.12)',\n\n  'status-info': ramp.blue[500],\n  'status-info-light': ramp.blue[300],\n  'status-info-dark': ramp.blue[600],\n  'status-info-subtle': 'rgba(33, 150, 243, 0.12)',\n\n  // Text on status backgrounds\n  'on-status-success': p.white,\n  'on-status-error': p.white,\n  'on-status-warning': p.white,\n  'on-status-info': p.white,\n\n  // Result/outcome indicators (result-*)\n  'result-improve': '#4caf50',\n  'result-improve-light': 'rgba(76, 175, 80, 0.16)',\n  'result-improve-dark': '#248a24',\n  'result-degrade': '#ef5350',\n  'result-degrade-light': 'rgba(239, 83, 80, 0.16)',\n  'result-degrade-dark': '#b30000',\n  'result-inconclusive': '#9E9A97',\n  'result-inconclusive-light': 'rgba(158, 154, 151, 0.16)',\n  'result-neutral': greyRamp[400],\n\n  // Text on result backgrounds\n  'on-result-improve': p.white,\n  'on-result-degrade': p.white,\n  'on-result-inconclusive': p.white,\n\n  // Data visualization colors (same in dark mode for consistency)\n  'data-1': discreteRainbow[9],\n  'data-2': discreteRainbow[14],\n  'data-3': discreteRainbow[17],\n  'data-4': discreteRainbow[25],\n  'data-5': discreteRainbow[8],\n  'data-6': discreteRainbow[20],\n  'data-7': discreteRainbow[13],\n  'data-8': discreteRainbow[15],\n  'data-9': discreteRainbow[3],\n  'data-10': discreteRainbow[22],\n\n  // Text colors - inverted for dark mode\n  'text-primary': greyRamp[50],\n  'text-secondary': greyRamp[400],\n  // Deliberately ONE step lighter than the L*-nearest match (`greyRamp[600]`).\n  // The colour this replaced failed WCAG large-text outright on the three\n  // lightest planes — 2.96 / 2.72 / 2.49 against elevated / raised / overlay —\n  // and `600` carried that failure forward almost exactly (2.93 / 2.70 / 2.47).\n  // `500` clears 3:1 everywhere (3.32–5.34). Contrast beats colour fidelity for\n  // text roles; borders and surfaces still use strict L*-nearest. See\n  // semantic-contrast.test.ts, which fails if this is moved back down.\n  'text-tertiary': greyRamp[500],\n  'text-disabled': 'rgba(255, 255, 255, 0.38)',\n  'text-inverse': greyRamp[950],\n  'text-link': '#828DF8',\n  'text-link-hover': ramp.blue[400],\n\n  // Surface colors - dark backgrounds — warm-tapered DERIVED ramp (TD-surface-tokens,\n  // S-1, re-spaced S-3). Shipped verbatim from `deriveSurfaceRamp()` — see\n  // `surfaceRampDark` in primitives.ts for the full derivation note. `surface-overlay`\n  // and `surface-elevated` are distinct (were both #191919 pre-S-1); `surface-input`\n  // tracks one plane above `surface-base`, same relative position as before the remap.\n  // `background-base` backs `Surface level=\"background\"` (SurfaceContext.SURFACE_LEVEL_TOKEN),\n  // so it takes the ramp's shell role. The deepest plane is `background-frame`,\n  // which is also the `SurfaceLevel` floor a pressed surface clamps at.\n  'surface-base': greyRamp[925],           // main surface        (#252321, L*13.9)\n  'surface-elevated': greyRamp[900],       // elevated surface     (#2C2A28, L*17.2 — nav/rail)\n  'surface-raised': greyRamp[875],         // raised surface       (#31302F, L*19.9 — cards)\n  'surface-overlay': greyRamp[850],        // overlay surface      (#373635, L*22.7 — hero/popover)\n  'surface-input': greyRamp[900],          // input surface        (#2C2A28 — one plane above base)\n\n  // Background colors — same ramp, the frame/shell end of it.\n  'background-base': greyRamp[950],        // shell                (#1C1916, L*9   — Surface level=\"background\")\n  'background-default': greyRamp[925],     // main background      (#252321, L*13.9 — matches surface-base)\n  'background-subtle': greyRamp[900],      // subtle background    (#2C2A28, L*17.2 — matches surface-elevated)\n  // Frame/bezel chrome — the top bar + side nav shell, one step BELOW\n  // `background-base`. It used to be described as sitting OUTSIDE the ramp; it\n  // is simply the ramp's last step now, and the floor `<Surface pressed>` clamps at.\n  'background-frame': greyRamp[975],       // frame / bezel        (#100D0A, L*3.8)\n\n  // Border colors — solid dark borders are RETIRED (TD-07.14). Not a preference — a structural\n  // consequence of one ramp. Every step from 850 to 975 is now a surface plane,\n  // so a solid border dark enough to read as a border necessarily equals some\n  // plane's fill, which is exactly the collision `surface.contract.test.ts` R2\n  // forbids. The only non-plane steps left in that band are 800 and 700, and\n  // borders there jump from L*~10-25 to L*~28-38 — a restyle, not a migration.\n  //\n  // So separation moves to the alpha hairlines, which dark mode already called\n  // \"the primary separation cue\". Being alpha, they composite against whatever\n  // plane they land on and cannot collide with any of them — the problem stops\n  // existing rather than being re-solved per plane. The three solid tokens were\n  // deleted outright; consumers point at the `hairline-*` family below.\n  //\n  // `border-prominent` stays SOLID: it is the one border meant to be seen\n  // outright (4 call sites, high-visibility dividers), and grey-800 is not a\n  // plane, so it keeps its job without collision.\n  'border-prominent': greyRamp[800],     // high-visibility divider\n  'border-focus': '#828DF8',\n  'border-input': greyRamp[700],\n  'border-input-hover': greyRamp[600],\n  'border-input-focus': '#828DF8',\n  'border-input-error': ramp.red[500],\n\n  // Alpha hairline separators — the primary separation cue (§4/S-2). Self-\n  // normalizing: composites toward white by ~the same amount on ANY plane, so\n  // one family works at every elevation instead of per-surface border tokens.\n  // Shadows are demoted to floating-overlay use only (not shipped as a fill\n  // separator here — see elevation.ts, follow-up S-4).\n  //\n  // RETUNED on the wall (VW-99, S-6). The original .06/.09/.14 were set at a\n  // desk. On the panel at ~3 m `subtle` rendered but was indiscernible, and\n  // `default` — the load-bearing one, with no solid-border fallback since\n  // TD-07.14 — went weak on the lightest plane. `strong` read cleanly with room\n  // to spare, which is what made raising the whole family viable.\n  //\n  // Each tier steps up onto the next MEASURED-GOOD rung rather than an\n  // interpolated one: the new `subtle` is the old `default`, and the new\n  // `default` is the old `strong` — a value just confirmed legible on all four\n  // planes. Spacing goes 1 : 1.56 : 2.33, against the original 1 : 1.5 : 2.33.\n  //\n  // RUN 2 (VW-99): all three tiers were seen on all four planes — the retune\n  // worked — but `subtle` was still \"a bit hard to read\", so the whole family\n  // took a further +.01. That is a comfort margin on a passing row, not a fix\n  // for a failing one, which is why it is a flat offset: the 1 : 1.56 : 2.33\n  // spacing that the run validated is preserved rather than re-derived.\n  //\n  // Keep these to TWO decimals. react-native-web quantises alpha to 8 bits, so\n  // a 3-decimal value silently rounds on the way to the DOM (.135 renders as\n  // .13) — the token would say one thing and paint another.\n  //\n  // DARK ONLY. The light family above composites toward BLACK on light planes,\n  // which this run says nothing about — do not mirror these numbers into it\n  // without its own verification.\n  'hairline-subtle': 'rgba(255, 255, 255, 0.10)',\n  'hairline-default': 'rgba(255, 255, 255, 0.15)',\n  'hairline-strong': 'rgba(255, 255, 255, 0.22)',\n\n  // Interactive states\n  'interactive-hover': 'rgba(255, 255, 255, 0.04)',\n  'interactive-focus': 'rgba(255, 255, 255, 0.12)',\n  'interactive-active': 'rgba(255, 255, 255, 0.16)',\n  'interactive-selected': 'rgba(255, 255, 255, 0.08)',\n  'interactive-disabled': 'rgba(255, 255, 255, 0.12)',\n  'interactive-disabled-text': 'rgba(255, 255, 255, 0.26)',\n\n  // Divider\n  'divider': 'rgba(255, 255, 255, 0.09)',\n\n  // Avatar default\n  'avatar-background': greyRamp[700],\n  'avatar-text': p.white,\n} as const\n\n// Typography tokens matching existing app\nexport const semanticTypography = {\n  // Headings (Space Grotesk)\n  h1: {\n    fontFamily: 'heading',\n    fontSize: '3.5rem',\n    fontWeight: 700,\n    lineHeight: 1.375,\n  },\n  h2: {\n    fontFamily: 'heading',\n    fontSize: '3rem',\n    fontWeight: 700,\n    lineHeight: 1.375,\n  },\n  h3: {\n    fontFamily: 'heading',\n    fontSize: '2.25rem',\n    fontWeight: 700,\n    lineHeight: 1.375,\n  },\n  h4: {\n    fontFamily: 'heading',\n    fontSize: '2rem',\n    fontWeight: 700,\n    lineHeight: 1.375,\n  },\n  h5: {\n    fontFamily: 'heading',\n    fontSize: '1.5rem',\n    fontWeight: 600,\n    lineHeight: 1.375,\n  },\n  h6: {\n    fontFamily: 'heading',\n    fontSize: '1.125rem',\n    fontWeight: 600,\n    lineHeight: 1.375,\n  },\n\n  // Body text (Nunito Sans)\n  body1: {\n    fontFamily: 'body',\n    fontSize: '1rem',\n    fontWeight: 400,\n    lineHeight: 1.5,\n  },\n  body2: {\n    fontFamily: 'body',\n    fontSize: '0.875rem',\n    fontWeight: 400,\n    lineHeight: 1.57,\n  },\n  subtitle1: {\n    fontFamily: 'body',\n    fontSize: '1rem',\n    fontWeight: 500,\n    lineHeight: 1.75,\n  },\n  subtitle2: {\n    fontFamily: 'body',\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    lineHeight: 1.57,\n  },\n  caption: {\n    fontFamily: 'body',\n    fontSize: '0.75rem',\n    fontWeight: 400,\n    lineHeight: 1.66,\n  },\n  overline: {\n    fontFamily: 'body',\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: 2.5,\n    letterSpacing: '0.5px',\n    textTransform: 'uppercase' as const,\n  },\n  button: {\n    fontFamily: 'sans',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    lineHeight: 1.75,\n  },\n} as const\n\n// Button size tokens\nexport const buttonSizes = {\n  sm: {\n    paddingX: '16px',\n    paddingY: '6px',\n    fontSize: '0.875rem',\n  },\n  md: {\n    paddingX: '20px',\n    paddingY: '8px',\n    fontSize: '0.875rem',\n  },\n  lg: {\n    paddingX: '24px',\n    paddingY: '11px',\n    fontSize: '1rem',\n  },\n} as const\n\n// Export type for theme mode\nexport type ThemeMode = 'light' | 'dark'\n\n// Helper to get semantic colors based on mode\nexport function getSemanticColors(mode: ThemeMode) {\n  return mode === 'dark' ? semanticColorsDark : semanticColorsLight\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titan-design/react-ui",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "description": "Cross-platform design system built on Gluestack UI",
   "author": "Henry Jewkes",
   "license": "MIT",
@@ -43,6 +43,12 @@
       "import": "./dist/theme/index.mjs",
       "require": "./dist/theme/index.js"
     },
+    "./theme/tokens": {
+      "react-native": "./src/theme/tokens/index.ts",
+      "types": "./dist/theme/tokens.d.ts",
+      "import": "./dist/theme/tokens.mjs",
+      "require": "./dist/theme/tokens.js"
+    },
     "./theme/global.css": "./src/theme/global.css",
     "./tailwind.config.js": "./tailwind.config.js"
   },

package/src/arch/Architecture.stories.tsx

@@ -146,7 +146,7 @@ function Diagram({
       onClick={() => onSelect(null)}
       style={{
         overflow: 'auto',
-        border: `1px solid ${C['border-subtle']}`,
+        border: `1px solid ${C['hairline-subtle']}`,
         borderRadius: 8,
         background: C['surface-base'],
       }}
@@ -254,7 +254,7 @@ function Diagram({
                   height={16}
                   rx={3}
                   fill={C['surface-elevated']}
-                  stroke={C['border-default']}
+                  stroke={C['hairline-default']}
                 />
                 <text
                   x={NODE_W - 12.5}
@@ -288,7 +288,7 @@ function DepLine({ label, items }: { label: string; items: string[] }) {
               fontSize: 12,
               color: C['text-secondary'],
               background: C['surface-raised'],
-              border: `1px solid ${C['border-subtle']}`,
+              border: `1px solid ${C['hairline-subtle']}`,
               borderRadius: 5,
               padding: '1px 7px',
             }}
@@ -321,7 +321,7 @@ function DetailPanel({
         padding: 14,
         borderRadius: 8,
         background: C['surface-elevated'],
-        border: `1px solid ${C['border-default']}`,
+        border: `1px solid ${C['hairline-default']}`,
         display: 'flex',
         flexDirection: 'column',
         gap: 8,
@@ -409,7 +409,7 @@ function RenderModal({
           width: 'min(940px, 92vw)',
           height: 'min(620px, 88vh)',
           background: C['surface-base'],
-          border: `1px solid ${C['border-default']}`,
+          border: `1px solid ${C['hairline-default']}`,
           borderRadius: 10,
           display: 'flex',
           flexDirection: 'column',
@@ -422,7 +422,7 @@ function RenderModal({
             alignItems: 'center',
             gap: 10,
             padding: '10px 14px',
-            borderBottom: `1px solid ${C['border-subtle']}`,
+            borderBottom: `1px solid ${C['hairline-subtle']}`,
           }}
         >
           <span style={{ fontSize: 15, fontWeight: 700, color: C['text-primary'] }}>{name}</span>
@@ -484,7 +484,7 @@ function Chip({ color, children }: { color: string; children: React.ReactNode })
         padding: '3px 9px',
         borderRadius: 999,
         background: C['surface-raised'],
-        border: `1px solid ${C['border-subtle']}`,
+        border: `1px solid ${C['hairline-subtle']}`,
         fontSize: 12,
         color: C['text-secondary'],
       }}
@@ -506,7 +506,7 @@ function Th({ children, right }: { children: React.ReactNode; right?: boolean })
         fontWeight: 600,
         textTransform: 'uppercase',
         letterSpacing: 0.5,
-        borderBottom: `1px solid ${C['border-subtle']}`,
+        borderBottom: `1px solid ${C['hairline-subtle']}`,
       }}
     >
       {children}
@@ -530,7 +530,7 @@ function Td({
         color: C['text-primary'],
         fontSize: 13,
         fontFamily: mono ? 'monospace' : 'inherit',
-        borderBottom: `1px solid ${C['border-subtle']}`,
+        borderBottom: `1px solid ${C['hairline-subtle']}`,
       }}
     >
       {children}

package/src/components/custom/DateTime/DateTime.stories.tsx

@@ -244,7 +244,7 @@ export const UsageExample: Story = {
         {items.map((item, index) => (
           <View
             key={index}
-            className="flex-row justify-between items-center py-2 border-b border-border"
+            className="flex-row justify-between items-center py-2 border-b border-hairline"
           >
             <Text className="text-text-primary">{item.title}</Text>
             <DateTime value={item.date} format="relative" color="secondary" className="text-sm" />

package/src/components/custom/Fatigue/DualGhostSpark.stories.tsx

@@ -1,14 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { DualGhostSpark } from './DualGhostSpark'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { buildMockModel, TARGET_TEMPO_SECONDS } from './fatigue-mock'
 import { GRIND_THRESHOLD } from './fatigue-tokens'
 import type { RepVelocityCurve } from './fatigue-model'
 
-const PANEL_BG = primitiveColors.charcoal[800]
-const PAGE_BG = primitiveColors.charcoal[900]
+const PANEL_BG = greyRamp[950]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof DualGhostSpark> = {

package/src/components/custom/Fatigue/FatigueLights.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { FatigueLights } from './FatigueLights'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { FATIGUE_STATES } from './fatigue-mock'
 
-const PAGE_BG = primitiveColors.charcoal[900]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof FatigueLights> = {

package/src/components/custom/Fatigue/GhostSpark.stories.tsx

@@ -2,13 +2,13 @@ import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { GhostSpark } from './GhostSpark'
 import { GhostBand } from './GhostBand'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { FATIGUE_STATES, TARGET_TEMPO_SECONDS } from './fatigue-mock'
 import type { PhaseSegment } from './fatigue-model'
 
-const PANEL_BG = primitiveColors.charcoal[800]
-const PAGE_BG = primitiveColors.charcoal[900]
+const PANEL_BG = greyRamp[950]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof GhostSpark> = {

package/src/components/custom/Fatigue/LiveFatigueCard.tsx

@@ -20,7 +20,7 @@
 import { View } from 'react-native'
 import { Surface } from '../../ui/surface/Surface'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
-import { barPaper } from '../../../theme/bar-paper'
+import { barPaper } from '../../../theme/materials'
 import { VerdictHero } from './VerdictHero'
 import { FatigueLights } from './FatigueLights'
 import { RomProgressionChart } from './RomProgressionChart'

package/src/components/custom/Fatigue/LiveFatiguePanel.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { LiveFatiguePanel } from './LiveFatiguePanel'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { FATIGUE_STATES, buildMockPanelState } from './fatigue-mock'
 
-const PAGE_BG = primitiveColors.charcoal[900]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof LiveFatiguePanel> = {

package/src/components/custom/Fatigue/RomProgressionChart.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { RomProgressionChart } from './RomProgressionChart'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { FATIGUE_STATES, WARMING_UP_MODEL } from './fatigue-mock'
 
-const PAGE_BG = primitiveColors.charcoal[900]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof RomProgressionChart> = {

package/src/components/custom/Fatigue/SilverRedPalette.stories.tsx

@@ -8,7 +8,7 @@
  */
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { primitiveColors, greyRamp } from '../../../theme/tokens/primitives'
 import { alpha } from '../../../utils/colors'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import {
@@ -23,8 +23,8 @@ import {
   FONT_MONO,
 } from './fatigue-tokens'
 
-const PAGE_BG = primitiveColors.charcoal[900]
-const PANEL_BG = primitiveColors.charcoal[800]
+const PAGE_BG = greyRamp[975]
+const PANEL_BG = greyRamp[950]
 const t = getSemanticColors('dark')
 
 const meta: Meta = {
@@ -161,7 +161,7 @@ const PHASE_AXIS: SwatchDef[] = [
   },
   {
     name: 'Idle',
-    token: 'PHASE_AXIS_COLOR.idle · charcoal[300]',
+    token: 'PHASE_AXIS_COLOR.idle · grey[300]',
     value: PHASE_AXIS_COLOR.idle,
     note: 'Pauses / holds on the phase band.',
   },

package/src/components/custom/Fatigue/VelocityHero.stories.tsx

@@ -1,12 +1,12 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { VelocityHero } from './VelocityHero'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { MOCK_MEAN_VELOCITIES } from './fatigue-mock'
 
-const PAGE_BG = primitiveColors.charcoal[900]
-const PANEL_BG = primitiveColors.charcoal[800]
+const PAGE_BG = greyRamp[975]
+const PANEL_BG = greyRamp[950]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof VelocityHero> = {

package/src/components/custom/Fatigue/VerdictHero.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 import { View, Text } from 'react-native'
 import { VerdictHero } from './VerdictHero'
-import { primitiveColors } from '../../../theme/tokens/primitives'
+import { greyRamp } from '../../../theme/tokens/primitives'
 import { getSemanticColors } from '../../../theme/tokens/semantic'
 import { FATIGUE_STATES, WARMING_UP_MODEL } from './fatigue-mock'
 
-const PAGE_BG = primitiveColors.charcoal[900]
+const PAGE_BG = greyRamp[975]
 const t = getSemanticColors('dark')
 
 const meta: Meta<typeof VerdictHero> = {

package/src/components/custom/Fatigue/fatigue-tokens.ts

@@ -5,7 +5,7 @@
  * the family inherits the surface-ramp refresh when it lands.
  */
 import { getSemanticColors } from '../../../theme/tokens/semantic'
-import { primitiveColors, primitiveRamps } from '../../../theme/tokens/primitives'
+import { primitiveRamps, greyRamp } from '../../../theme/tokens/primitives'
 import type { DimensionTone, FatigueVerdictState, SamplePhase } from './fatigue-model'
 
 const t = getSemanticColors('dark')
@@ -34,9 +34,9 @@ export const STATE_LABEL: Record<FatigueVerdictState, string> = {
  * language: eccentric magenta, concentric cyan, hold and idle in the grey family.
  *
  * The idle grey has to read as BAND MATERIAL (a pause the lifter held), not as a
- * hole in the strip: at charcoal[300] it sat inside the surface-ramp's own value
+ * hole in the strip: at grey[300] it sat inside the surface-ramp's own value
  * range (`surface-raised` #31302F) so a short pause between ECC and CON read as a
- * gap. charcoal[200] clears every content plane while staying quieter than the two
+ * gap. grey[200] clears every content plane while staying quieter than the two
  * saturated phase tones, so the band reads contiguous and the phases still lead.
  *
  * `hold` stays GREY rather than taking a hue of its own. It was briefly amber, which
@@ -48,17 +48,17 @@ export const STATE_LABEL: Record<FatigueVerdictState, string> = {
  *
  * Hold and idle are separated by VALUE rather than hue, plus the `HOLD` label and the
  * fact that a hold PACES (it has a prescribed duration) while idle never fills:
- *   unfilled hold  charcoal[300]  — darker than idle
- *   idle           charcoal[200]
- *   filled hold    charcoal[100]  — brighter than idle
+ *   unfilled hold  grey[300]  — darker than idle
+ *   idle           grey[200]
+ *   filled hold    grey[100]  — brighter than idle
  * so a hold reads apart from dead time at any fill level, including the narrow runs
  * where the label drops out.
  */
 export const PHASE_AXIS_COLOR: Record<SamplePhase, string> = {
   eccentric: primitiveRamps.magenta[800],
   concentric: primitiveRamps.cyan[800],
-  hold: primitiveColors.charcoal[100],
-  idle: primitiveColors.charcoal[200],
+  hold: greyRamp[700],
+  idle: greyRamp[800],
 }
 
 /**
@@ -72,8 +72,8 @@ export const PHASE_AXIS_COLOR: Record<SamplePhase, string> = {
 export const PHASE_AXIS_BASE_COLOR: Record<SamplePhase, string> = {
   eccentric: primitiveRamps.magenta[950],
   concentric: primitiveRamps.cyan[950],
-  hold: primitiveColors.charcoal[300],
-  idle: primitiveColors.charcoal[200],
+  hold: greyRamp[900],
+  idle: greyRamp[800],
 }
 
 /**
@@ -114,7 +114,7 @@ export const PACING_TONE_MIN_CONTRAST = 4.5
 // SHADES OF RED when there's an issue. No greens, no ambers — those languages belong
 // to the verdict tones / velocity-loss bands, not here.
 /** On-track / at-or-above-working. */
-export const SILVER = primitiveColors.neutral[300]
+export const SILVER = greyRamp[200]
 export const RED_LIGHT = primitiveRamps.red[400]
 export const RED_MID = primitiveRamps.red[600]
 export const RED_DEEP = primitiveRamps.red[800]
@@ -124,7 +124,7 @@ export const GRIND_THRESHOLD = 0.35
 /** A quiet grey the controlled line dims toward as it drifts (never a colour): a dimmed
  *  cool grey in the SAME neutral family as SILVER, so a fully-drifted line reads dim-silver
  *  rather than sinking toward black. Shared with the ROM chart. */
-export const DRIFT_GREY = primitiveColors.neutral[600]
+export const DRIFT_GREY = greyRamp[700]
 
 export function clamp01(v: number): number {
   return Math.min(1, Math.max(0, v))

package/src/components/custom/Sidebar/Sidebar.tsx

@@ -64,7 +64,7 @@ export function Sidebar({
       <View
         style={{ width: currentWidth }}
         className={cn(
-          'h-full flex-col bg-surface-base border-r border-border transition-all duration-200',
+          'h-full flex-col bg-surface-base border-r border-hairline transition-all duration-200',
           className
         )}
         {...props}
@@ -85,7 +85,7 @@ export interface SidebarHeaderProps {
  */
 export function SidebarHeader({ children, className }: SidebarHeaderProps) {
   return (
-    <View className={cn('px-4 py-4 border-b border-border-subtle', className)}>
+    <View className={cn('px-4 py-4 border-b border-hairline-subtle', className)}>
       {children}
     </View>
   )
@@ -120,7 +120,7 @@ export interface SidebarFooterProps {
  */
 export function SidebarFooter({ children, className }: SidebarFooterProps) {
   return (
-    <View className={cn('px-2 py-4 border-t border-border-subtle', className)}>
+    <View className={cn('px-2 py-4 border-t border-hairline-subtle', className)}>
       {children}
     </View>
   )
@@ -252,6 +252,6 @@ export interface SidebarDividerProps {
  */
 export function SidebarDivider({ className }: SidebarDividerProps) {
   return (
-    <View className={cn('h-px mx-4 my-2 bg-border-subtle', className)} />
+    <View className={cn('h-px mx-4 my-2 bg-hairline-subtle', className)} />
   )
 }

package/src/components/custom/Table/Table.tsx

@@ -590,7 +590,7 @@ export function TableSelectAllCell({ className }: TableSelectAllCellProps) {
             ? 'bg-brand-primary border-brand-primary'
             : someSelected
             ? 'bg-brand-primary-subtle border-brand-primary'
-            : 'border-border-strong bg-transparent'
+            : 'border-hairline-strong bg-transparent'
         )}
       >
         {(allSelected || someSelected) && (
@@ -629,7 +629,7 @@ export function TableSelectCell({ rowId, className }: TableSelectCellProps) {
           'w-5 h-5 rounded border-2 items-center justify-center',
           isSelected
             ? 'bg-brand-primary border-brand-primary'
-            : 'border-border-strong bg-transparent web:hover:border-brand-primary'
+            : 'border-hairline-strong bg-transparent web:hover:border-brand-primary'
         )}
       >
         {isSelected && (

package/src/components/custom/Workout/ActiveWorkoutPage.tsx

@@ -273,7 +273,7 @@ function WorkoutHeader({
         </View>
       </View>
       <View
-        className="bg-border"
+        className="bg-hairline"
         style={{ height: 4, borderRadius: 2 }}
         testID="active-workout-page-progress-track"
       >
@@ -305,7 +305,7 @@ function ExerciseList({ groups, focusedId, onToggle }: ExerciseListProps) {
           return (
             <View
               key={group.exercise.id}
-              className="bg-surface-elevated border-border"
+              className="bg-surface-elevated border-hairline"
               style={{
                 borderWidth: 1,
                 borderRadius: 12,
@@ -399,7 +399,7 @@ export function ActiveWorkoutPage({
 
       {(showRest || showInput) && (
         <View
-          style={{ borderTopWidth: 1, borderTopColor: resolveColor('border-default') }}
+          style={{ borderTopWidth: 1, borderTopColor: resolveColor('hairline-default') }}
           testID="active-workout-page-bottom-bar"
         >
           {showRest && rest != null ? (

package/src/components/custom/Workout/BaseBadge.test.tsx

@@ -3,6 +3,11 @@ import { render, screen, fireEvent } from '@testing-library/react'
 import { axe } from 'jest-axe'
 import { Text, View } from 'react-native'
 import { BaseBadge } from './BaseBadge'
+import { getSemanticColors } from '../../../theme/tokens/semantic'
+
+// Read from the token, not pinned: these used to be hand-copied hexes and
+// silently desynced when borders became alpha hairlines (TD-07.16).
+const T = getSemanticColors('dark')
 
 describe('BaseBadge', () => {
   it('renders children', () => {
@@ -12,7 +17,7 @@ describe('BaseBadge', () => {
 
   it('defaults to the plain variant border color', () => {
     render(<BaseBadge testID="bb"><Text>x</Text></BaseBadge>)
-    expect(screen.getByTestId('bb')).toHaveStyle({ borderTopColor: '#1F1F1F' })
+    expect(screen.getByTestId('bb')).toHaveStyle({ borderTopColor: T['hairline-default'] })
   })
 
   it('applies the pr variant border color', () => {

package/src/components/custom/Workout/BaseBadge.tsx

@@ -30,7 +30,7 @@ export const baseBadgeSizeConfig: Record<
 }
 
 const variantColors: Record<BaseBadgeVariant, { backgroundColor: string; borderColor: string }> = {
-  plain: { backgroundColor: t['surface-raised'], borderColor: '#1F1F1F' },
+  plain: { backgroundColor: t['surface-raised'], borderColor: t['hairline-default'] },
   pr: {
     backgroundColor: 'rgba(255, 121, 0, 0.12)',
     borderColor: 'rgba(255, 121, 0, 0.3)',

package/src/components/custom/Workout/BodyMap.tsx

@@ -278,7 +278,7 @@ function ViewToggle({ view, onViewChange }: ViewToggleProps) {
               borderRadius: 9999,
               backgroundColor: active ? 'rgba(255,121,0,0.16)' : 'transparent',
               borderWidth: 1,
-              borderColor: active ? BRAND_PRIMARY : resolveColor('border-strong'),
+              borderColor: active ? BRAND_PRIMARY : resolveColor('hairline-strong'),
             }}
             testID={`body-map-toggle-${side}`}
           >
@@ -324,7 +324,7 @@ function MuscleButton({ entry, highlighted, onMusclePress }: MuscleButtonProps)
         paddingVertical: 3,
         borderRadius: 9999,
         borderWidth: 1,
-        borderColor: highlighted ? BRAND_PRIMARY : resolveColor('border-default'),
+        borderColor: highlighted ? BRAND_PRIMARY : resolveColor('hairline-default'),
       }}
       testID={`body-map-muscle-${entry.key}`}
     >