import { Platform } from 'react-native';

export const Palette = {
  bg: '#0a1a12',
  bgElevated: '#112218',
  surface: '#1a2e1a',
  surfaceDim: '#0d2818',
  border: '#1e2e22',
  // Softer than the original #f2ead3 — drops a noticeable amount of
  // luminance so primary text doesn't burn against the near-black bg
  // while staying in the warm forest-cream family.
  text: '#ddd0b3',
  textMuted: '#a8b89a',
  textDim: '#8fb87a',
  accent: '#6b8e4e',
  accentBright: '#8fb87a',
  accentDeep: '#4a6a3a',
  highlight: '#b8d49a',
  cream: '#e8ddc4',
  // Warm amber gold — used sparingly for "act on this" accents that
  // need to step outside the forest green family (e.g. the
  // "Set as Default Browser" CTA when the app isn't default yet).
  gold: '#c9a64a',
};

const tint = Palette.accentBright;

export const Colors = {
  light: {
    text: Palette.text,
    background: Palette.bg,
    tint,
    icon: Palette.textMuted,
    tabIconDefault: Palette.textMuted,
    tabIconSelected: tint,
  },
  dark: {
    text: Palette.text,
    background: Palette.bg,
    tint,
    icon: Palette.textMuted,
    tabIconDefault: Palette.textMuted,
    tabIconSelected: tint,
  },
};

export const Fonts = Platform.select({
  ios: {
    sans: 'system-ui',
    serif: 'ui-serif',
    rounded: 'ui-rounded',
    mono: 'ui-monospace',
  },
  default: {
    sans: 'normal',
    serif: 'serif',
    rounded: 'normal',
    mono: 'monospace',
  },
  web: {
    sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
    serif: "Georgia, 'Times New Roman', serif",
    rounded: "'SF Pro Rounded', sans-serif",
    mono: "SFMono-Regular, Menlo, Monaco, monospace",
  },
});