// packages/ui-native/src/theme.ts
// RN용 테마 토큰 — MUI 없이 순수 색상/타이포/그림자 값
// packages/ui의 d3roPalette와 의도적으로 동기화 (RN은 CSS var 불가, 정적 값)

import { Platform } from 'react-native'

export const d3roNativePalette = {
  bg: {
    app: '#19191b',
    card: '#242427',
    cardHover: '#2a2a2d',
    elevated: '#2e2e32',
    sidebar: '#1e1f21',
    inset: '#0f0f11',
    chassis: '#242528'
  },
  text: {
    primary: '#d4d4d8',
    white: '#ffffff',
    secondary: '#8e8e93',
    label: '#7c7c82',
    disabled: '#4a4a4e',
    inactive: '#77797c',
    muted: '#71717a'
  },
  accent: {
    amber: '#ff5c35',
    amberDim: 'rgba(255, 92, 53, 0.15)',
    amberGlow: 'rgba(255, 92, 53, 0.6)',
    green: '#4ade80',
    greenGlow: 'rgba(74, 222, 128, 0.6)'
  },
  border: {
    subtle: 'rgba(255,255,255,0.04)',
    default: '#2e2e32',
    strong: 'rgba(255,255,255,0.12)'
  },
  tag: {
    purple: '#b854f5',
    orange: '#f59e0b',
    red: '#ef4444',
    green: '#22c55e',
    blue: '#3b82f6'
  },
  led: {
    off: '#111111'
  }
} as const

export const d3roNativeTypo = {
  hero: { fontSize: 42, fontWeight: '300' as const, letterSpacing: -2, lineHeight: 42 },
  title: { fontSize: 28, fontWeight: '300' as const, letterSpacing: -1, lineHeight: 34 },
  value: { fontSize: 20, fontWeight: '400' as const, letterSpacing: 0.4, lineHeight: 20 },
  heading: { fontSize: 16, fontWeight: '600' as const, letterSpacing: 0.32, lineHeight: 22 },
  body: { fontSize: 14, fontWeight: '400' as const, letterSpacing: 0.14, lineHeight: 21 },
  small: { fontSize: 12, fontWeight: '600' as const, letterSpacing: 0.36, lineHeight: 17 },
  meta: { fontSize: 11, fontWeight: '600' as const, letterSpacing: 0.55, lineHeight: 14 },
  label: { fontSize: 10, fontWeight: '700' as const, letterSpacing: 2, lineHeight: 12 }
} as const

export const d3roNativeRadius = {
  card: 22,
  inner: 12,
  button: 8,
  small: 6,
  pill: 999
} as const

export const d3roNativeFonts = {
  mono: Platform.OS === 'ios' ? 'Menlo' : 'monospace',
  sans: Platform.OS === 'ios' ? 'System' : 'Roboto'
} as const

export type D3roNativePaletteKey = keyof typeof d3roNativePalette
export type D3roNativeTypoKey = keyof typeof d3roNativeTypo