/**

 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.

 * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.

 */

import { Platform } from 'react-native';

// Primary Colors

const NEON_GREEN = '#13ec5b';

const PRIMARY_DARK = '#0f172a';

// Surface & Background

const BACKGROUND_LIGHT = '#f6f8f6';

const SURFACE_LIGHT = '#ffffff';

// Text Colors

const TEXT_PRIMARY = '#0f172a';

const TEXT_SECONDARY = '#64748b';

// Borders & Accents

const BORDER_SUBTLE = '#f1f5f9';

const STATUS_ACTIVE_BG = 'rgba(19, 236, 91, 0.1)';

// Semantic Color Pills and stuff

const PILL_BLUE = '#dbeafe';

const PILL_INDIGO = '#e0e7ff';

const PILL_PURPLE = '#f3e8ff';

const tintColorLight = '#12ED5C';

const tintColorSecondary = '#618A70';

const black = '#0F172A';

const gray = '#475569';

const lightGray = '#64748B'

export const Colors = {

  light: {

    // Primary Actions & Focus

    text: TEXT_PRIMARY,

    textSecondary: TEXT_SECONDARY,

    background: BACKGROUND_LIGHT,

    surface: SURFACE_LIGHT,

    tint: NEON_GREEN,

    // Interactive States

    icon: TEXT_SECONDARY,

    tabIconDefault: TEXT_SECONDARY,

    tabIconSelected: NEON_GREEN,

    // Form Inputs

    inputBackgroundColor: SURFACE_LIGHT,

    inputBorderColor: BORDER_SUBTLE,

    inputFocusBorderColor: NEON_GREEN,

    // Cards & Containers

    cardBackground: SURFACE_LIGHT,

    cardBorder: BORDER_SUBTLE,

    cardShadow: 'rgba(0, 0, 0, 0.05)',

    // Active / Inactive States

    activeBackground: STATUS_ACTIVE_BG,

    inactiveOpacity: 0.7,

    // Semantic Accents (for categorization)

    accentBlue: PILL_BLUE,

  accentIndigo: PILL_INDIGO,

  accentPurple: PILL_PURPLE,

  // Disabled / Secondary

  disabled: '#cbd5e1',

  divider: BORDER_SUBTLE,

  },

};

export const Fonts = Platform.select({

  default: {

    sans: 'normal',

    serif: 'serif',

    rounded: 'normal',

    mono: 'monospace',

  },

});