// Tokens.jsx — convenience constants matching colors_and_type.css
// New palette (May 27): navy / ocean teal / sky blue.
// Legacy `red*` keys are aliased to the new colors so existing components keep working.
const T = {
  // New palette
  navy:        '#09214F',  // primary navy — headlines, footer, dark surfaces
  navyDeep:    '#051433',  // deepest pressed
  teal:        '#024D70',  // ocean teal — primary CTA, accent
  tealDeep:    '#023A56',
  sky:         '#9FBDE6',  // sky blue — accents, hover halo, connector line
  skyTint:     '#EEF4FB',  // tinted callout
  skyWash:     '#F4F8FC',

  // Legacy aliases (kept so component code from v1 still resolves cleanly)
  red:         '#024D70',  // primary accent  → teal
  redHover:    '#09214F',  // hover           → navy
  redPressed:  '#051433',  // pressed         → deeper navy
  redTint:     '#EEF4FB',  // warm callout    → sky tint
  redWash:     '#F4F8FC',

  ink:         '#1F2937',
  inkSoft:     '#6B7280',
  inkMute:     '#9CA3AF',
  border:      '#E5E7EB',
  bgAlt:       '#F9FAFB',
  bgAlt2:      '#F3F4F6',
  white:       '#FFFFFF',

  shadowRest:  '0 1px 2px rgba(9,33,79,0.04), 0 0 0 1px rgba(9,33,79,0.04)',
  shadowRaised:'0 8px 24px rgba(9,33,79,0.10), 0 1px 2px rgba(9,33,79,0.04)',
  shadowModal: '0 24px 48px rgba(9,33,79,0.20), 0 2px 8px rgba(9,33,79,0.06)',
};
window.T = T;