// atelier-tokens.jsx — design tokens for the Atelier language.
// Palette presets: contemporary museum interiors (pistachio, porcelain, blush, plaster).

const ATELIER_BASE = {
  // Surfaces (porcelain default — soft pistachio-tinted off-white)
  bone:      '#E6ECE2',
  boneDeep:  '#D9E1D4',
  boneSoft:  '#EFF3EB',
  cream:     '#F2F5ED',
  ivory:     '#F7F9F3',
  // Ink
  umber:     '#23241F',
  umberSoft: '#35372F',
  umberFaint:'rgba(35,36,31,0.55)',
  umberHair: 'rgba(35,36,31,0.18)',
  umberWash: 'rgba(35,36,31,0.08)',
  // Influences
  sienna:    '#D77456',
  siennaSoft:'#E5A28B',
  terracotta:'#B05238',
  celadon:   '#6FA98F',
  celadonSoft:'#9FC4B1',
  sage:      '#4D7C66',
  // Accents
  brass:     '#C9A35C',
  brassLight:'#F0D796',
  brassDeep: '#9A7A3E',
  // Board squares
  squareLight: '#EEF2E7',
  squareDark:  '#B3BFA8',
};

// Curated palette presets (modern museum interiors), each a complete token set.
const PISTACHIO = ATELIER_BASE;

const PORCELAIN = {
  ...ATELIER_BASE,
  bone:'#EDEEEA', boneDeep:'#DEE0DA', boneSoft:'#F4F5F1', cream:'#F8F8F4', ivory:'#FBFBF7',
  umber:'#1F2125', umberSoft:'#33363B',
  umberFaint:'rgba(31,33,37,0.55)', umberHair:'rgba(31,33,37,0.16)', umberWash:'rgba(31,33,37,0.07)',
  sienna:'#C76A4B', siennaSoft:'#E29A82', terracotta:'#A24A2E',
  celadon:'#5E9DAE', celadonSoft:'#9CC1CB', sage:'#3E6E7C',
  brass:'#C9A55E', brassLight:'#EFD79A', brassDeep:'#977838',
  squareLight:'#EAECE6', squareDark:'#B0B6AE',
};

const BLUSH = {
  ...ATELIER_BASE,
  bone:'#F2E5DD', boneDeep:'#E6D2C5', boneSoft:'#F8EDE5', cream:'#FCF1E9', ivory:'#FEF6EF',
  umber:'#2A211D', umberSoft:'#3C2F2A',
  umberFaint:'rgba(42,33,29,0.55)', umberHair:'rgba(42,33,29,0.20)', umberWash:'rgba(42,33,29,0.08)',
  sienna:'#D26049', siennaSoft:'#E89784', terracotta:'#A8412B',
  celadon:'#7CA48E', celadonSoft:'#A9C2B2', sage:'#557663',
  brass:'#D2A45A', brassLight:'#F2D69A', brassDeep:'#A37A38',
  squareLight:'#F2E0D2', squareDark:'#CDA189',
};

const PAPER = {
  ...ATELIER_BASE,
  bone:'#ECE4D6', boneDeep:'#E3D8C4', boneSoft:'#F4ECDB', cream:'#F6EFDE', ivory:'#FAF3E2',
  umber:'#2A221B', umberSoft:'#3D3128',
  umberFaint:'rgba(42,34,27,0.55)', umberHair:'rgba(42,34,27,0.22)', umberWash:'rgba(42,34,27,0.08)',
  sienna:'#C97B5F', siennaSoft:'#DBA38A', terracotta:'#9C5B40',
  celadon:'#8FA391', celadonSoft:'#B3C1B3', sage:'#6E7D63',
  brass:'#B89968', brassLight:'#E5CF9E', brassDeep:'#9B7B47',
  squareLight:'#EFE6D4', squareDark:'#C4A890',
};

const ATELIER_PALETTES = { pistachio: PISTACHIO, porcelain: PORCELAIN, blush: BLUSH, paper: PAPER };

function atelierPalette(name) {
  return ATELIER_PALETTES[name] || ATELIER_PALETTES.pistachio;
}

const ATELIER_TYPE = {
  display: '"Newsreader", "Iowan Old Style", Georgia, serif',
  ui:      '"Manrope", ui-sans-serif, system-ui, sans-serif',
};

const ATELIER_EASE = 'cubic-bezier(.32, .72, .28, 1)';

Object.assign(window, { ATELIER_BASE, ATELIER_PALETTES, atelierPalette, ATELIER_TYPE, ATELIER_EASE });