/**
 * Design-Tokens, übernommen aus `prototyp-app.html` (CSS-Custom-Properties).
 *
 * Der Prototyp ist ein reines Dark Design – es gibt dort kein Light-Theme und
 * deshalb hier auch keins. `userInterfaceStyle` steht in app.json bewusst auf
 * "dark", damit die App auf hellen Systemen nicht halb umkippt.
 *
 * Nicht übernommen (siehe programmier-plan.md E1): die Fake-Tastatur und die
 * Shader-Spielerei per setInterval. Beides ist Design-Requisit, kein App-Code.
 */

export const colors = {
  bg: '#0a0a0a',
  card: '#161616',
  sheet: '#131316',
  txt: '#ffffff',
  mut: 'rgba(255,255,255,0.6)',
  faint: 'rgba(255,255,255,0.4)',
  border: 'rgba(255,255,255,0.09)',
  borderStrong: 'rgba(255,255,255,0.18)',
  surface: 'rgba(255,255,255,0.05)',
  surface2: 'rgba(255,255,255,0.10)',
  accent: '#ff5c39',
  gold: '#fbbf24',
  ok: '#34d399',
} as const;

/** Der Prototyp nutzt 12–26px; hier auf eine Leiter reduziert. 100 = Pille. */
export const radius = {
  sm: 12,
  md: 16,
  lg: 20,
  xl: 24,
  pill: 100,
} as const;

export const space = {
  xs: 4,
  sm: 8,
  md: 12,
  lg: 16,
  xl: 24,
  xxl: 32,
} as const;

export const text = {
  title: { fontSize: 28, fontWeight: '700' },
  heading: { fontSize: 20, fontWeight: '600' },
  body: { fontSize: 15, fontWeight: '400' },
  label: { fontSize: 13, fontWeight: '500' },
  mono: { fontSize: 12, fontFamily: 'monospace' },
} as const;

export type Colors = typeof colors;
