// vita-core.jsx — design tokens, Vita personalities, icons, small UI atoms // Brand: PREVENT — navy + teal (#3DD9D6), warm & human. // ── Theme tokens ──────────────────────────────────────────────── function getTheme(dark, accent, accentDeep) { if (dark) { return { dark: true, bg0: '#06122B', bg1: '#0A1A33', bg2: '#0F2A5C', surface: 'rgba(255,255,255,0.05)', surfaceSolid: '#11244A', stroke: 'rgba(255,255,255,0.10)', strokeStrong: 'rgba(255,255,255,0.18)', text: '#EAF1FA', textSoft: '#B9C6DC', muted: '#7E8FAD', accent, accentDeep, coral: '#E97A78', green: '#73C58E', onAccent: '#06122B', shadow: '0 20px 50px rgba(0,0,0,0.45)', }; } return { dark: false, bg0: '#EEF3FA', bg1: '#F4F7FB', bg2: '#FFFFFF', surface: '#FFFFFF', surfaceSolid: '#FFFFFF', stroke: 'rgba(10,26,51,0.08)', strokeStrong: 'rgba(10,26,51,0.14)', text: '#0A1A33', textSoft: '#3C4D6B', muted: '#6B7B96', accent: accentDeep, accentDeep, coral: '#D9534F', green: '#3E8F5A', onAccent: '#FFFFFF', shadow: '0 18px 44px rgba(15,42,92,0.14)', }; } // ── Vita personalities (the "variations" the user can explore) ─── const VITA_PERSONAS = { calida: { id: 'calida', name: 'Cálida', tagline: 'Cercana y empática', accent: '#3DD9D6', accentDeep: '#16A8A5', desc: 'Te habla como una amiga de confianza que además es médica. La calidez va primero.', voiceHint: 'cálida y cercana', voice: { rate: 0.97, pitch: 1.06 }, persona: 'Tu personalidad es CÁLIDA: cercana, empática y humana, como una amiga de toda la vida que además es médica. Usas un tono afectuoso, validas las emociones del paciente y celebras los pequeños avances. Tuteas siempre.', }, serena: { id: 'serena', name: 'Serena', tagline: 'Calmada y tranquilizadora', accent: '#5BC0EB', accentDeep: '#2E86C0', desc: 'Voz pausada que reduce la ansiedad. Habla despacio, con suavidad y mucha contención.', voiceHint: 'pausada y suave', voice: { rate: 0.9, pitch: 1.0 }, persona: 'Tu personalidad es SERENA: pausada, suave y tranquilizadora. Bajas la ansiedad del paciente con frases cortas, calmadas y contenedoras. Transmites seguridad y paz. Tuteas siempre.', }, coach: { id: 'coach', name: 'Coach', tagline: 'Motivadora y de longevidad', accent: '#73C58E', accentDeep: '#3E8F5A', desc: 'Te impulsa con energía a mejorar tus hábitos y bajar tu edad biológica.', voiceHint: 'enérgica y motivadora', voice: { rate: 1.0, pitch: 1.02 }, persona: 'Tu personalidad es COACH: enérgica, motivadora y orientada a la longevidad. Impulsas al paciente con entusiasmo a mejorar sus hábitos, sin regañar. Enmarcas todo como progreso y potencial. Tuteas siempre.', }, }; // ── Icons (simple geometric paths only) ───────────────────────── const Icon = { mic: (p) => ( ), send: (p) => ( ), sun: (p) => ( ), moon: (p) => ( ), check: (p) => ( ), sparkle: (p) => ( ), pulse: (p) => ( ), heart: (p) => ( ), chevron: (p) => ( ), shield: (p) => ( ), x: (p) => ( ), volume: (p) => ( ), volumeOff: (p) => ( ), mail: (p) => ( ), lock: (p) => ( ), user: (p) => ( ), eye: (p) => ( ), eyeOff: (p) => ( ), faceid: (p) => ( ), phone: (p) => ( ), food: (p) => ( ), animo: (p) => ( ), doc: (p) => ( ), clip: (p) => ( ), plus: (p) => ( ), home: (p) => ( ), alert: (p) => ( ), calendar: (p) => ( ), pill: (p) => ( ), lab: (p) => ( ), bell: (p) => ( ), upload: (p) => ( ), camera: (p) => ( ), scan: (p) => ( ), card: (p) => ( ), refresh: (p) => ( ), arrowRight: (p) => ( ), users: (p) => ( ), swap: (p) => ( ), child: (p) => ( ), logout: (p) => ( ), consent: (p) => ( ), video: (p) => ( ), brain: (p) => ( ), pin: (p) => ( ), star: (p) => ( ), clock: (p) => ( ), grid: (p) => ( ), route: (p) => ( ), droplet: (p) => ( ), flame: (p) => ( ), sunrise: (p) => ( ), sundial: (p) => ( ), walk: (p) => ( ), stethoscope: (p) => ( ), }; // ── Brand wordmark + pulse mark ───────────────────────────────── function PreventMark({ t, size = 16, withWord = true }) { return (
{Icon.pulse({ s: size, c: t.onAccent, w: 2.4 })}
{withWord && ( prevent )}
); } // ── helpers ───────────────────────────────────────────────────── function hexA(hex, a) { const h = hex.replace('#', ''); const r = parseInt(h.substring(0, 2), 16); const g = parseInt(h.substring(2, 4), 16); const b = parseInt(h.substring(4, 6), 16); return `rgba(${r},${g},${b},${a})`; } Object.assign(window, { getTheme, VITA_PERSONAS, Icon, PreventMark, hexA });