// palette.jsx — exact CTE brand colors pulled from the live site screenshot
// The site uses a deep navy field with a teal→cyan→azure logo gradient.

const CTE = {
  // Backgrounds (aligned with marketing CSS --navy3 #0e1340 + --navy2/--card lift)
  bg0:    '#0e1340',  // outermost — matches marketing body navy3
  bg1:    '#0e1340',  // canvas — matches marketing body navy3
  bg2:    '#141b55',  // raised surfaces — matches marketing --navy2
  bg3:    '#1e2870',  // cards / chips — matches marketing --card
  bgGrid: 'rgba(120, 200, 220, 0.06)', // grid lines

  // Brand teals/cyans (from logo gradient)
  teal:   '#26E0B8',  // brightest mint-teal (top of logo)
  cyan:   '#1DC9D9',  // mid cyan
  azure:  '#1A9FE0',  // bottom blue
  ice:    '#7FF0DC',  // pale highlight

  // Text
  text:   '#E8EEF7',
  textDim:'#8FA0BD',
  textMuted: '#5A6B85',

  // Status / classifier states
  ok:     '#26E0B8',   // confident classification
  warn:   '#F4C25C',   // low confidence
  err:    '#F47B7B',   // unclassified

  // Token chip colors (subtle, for ledger rows)
  swap:   '#26E0B8',
  bridge: '#1DC9D9',
  stake:  '#7B9DF4',
  airdrop:'#C68FF4',
  fee:    '#8FA0BD',
};

// Six classifier nodes from the existing CTE diagram.
// Positioned as (x, y) offsets from the logo center for the satellite layout.
const CLASSIFIERS = [
  { id: 'function-decoder',     label: 'FUNCTION DECODER',    angle: -120, color: CTE.teal },
  { id: 'chain-detect',         label: 'CHAIN DETECT',        angle: -60,  color: CTE.cyan },
  { id: 'rule-library',         label: 'RULE LIBRARY',        angle: 180,  color: CTE.teal },
  { id: 'classification-cache', label: 'CLASSIFICATION CACHE',angle: 0,    color: CTE.azure },
  { id: 'protocol-intel',       label: 'PROTOCOL INTEL',      angle: 120,  color: CTE.cyan },
  { id: 'consensus-check',      label: 'CONSENSUS CHECK',     angle: 60,   color: CTE.azure },
];

// Marketing brand fonts (aligned with main-site/index.html and tokens.css).
// Plus Jakarta Sans display + DM Sans body + JetBrains Mono code/labels.
const FONTS = {
  display: '"Plus Jakarta Sans", system-ui, sans-serif',
  body:    '"DM Sans", system-ui, sans-serif',
  mono:    '"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace',
};

Object.assign(window, { CTE, CLASSIFIERS, FONTS });