remake

Signed-off-by: Lucas Faria Mendes <lucas.fariamo08@gmail.com>

1 files changed, 99 insertions, 0 deletions

diff --git a/src/constants/theme.ts b/src/constants/theme.ts
new file mode 100644
index 0000000..880e3d8
--- /dev/null
+++ b/src/constants/theme.ts
@@ -0,0 +1,99 @@
+export const Colors = {
+    background: '#0D1117',
+    surface: '#161B22',
+    surfaceElevated: '#1C2333',
+    border: '#2A3444',
+
+    primary: '#1A6B3C',
+    primaryLight: '#24A55A',
+    accent: '#C9A84C',
+
+    positive: '#24A55A',
+    negative: '#E05252',
+    warning: '#E0A84C',
+
+    textPrimary: '#E6EDF3',
+    textSecondary: '#8B949E',
+    textMuted: '#484F58',
+    textOnPrimary: '#FFFFFF',
+
+    white: '#FFFFFF',
+    transparent: 'transparent',
+} as const;
+
+export const Typography = {
+    display: {
+        fontFamily: 'DMSans_700Bold',
+        fontSize: 52,
+        lineHeight: 60,
+        letterSpacing: -1.5,
+    },
+    h1: {
+        fontFamily: 'DMSans_700Bold',
+        fontSize: 28,
+        lineHeight: 34,
+        letterSpacing: -0.5,
+    },
+    h2: {
+        fontFamily: 'DMSans_600SemiBold',
+        fontSize: 20,
+        lineHeight: 26,
+        letterSpacing: -0.3,
+    },
+    bodyLarge: {
+        fontFamily: 'DMSans_400Regular',
+        fontSize: 17,
+        lineHeight: 24,
+    },
+    body: {
+        fontFamily: 'DMSans_400Regular',
+        fontSize: 15,
+        lineHeight: 22,
+    },
+    caption: {
+        fontFamily: 'DMSans_400Regular',
+        fontSize: 12,
+        lineHeight: 16,
+        letterSpacing: 0.3,
+    },
+    currencyLabel: {
+        fontFamily: 'DMSans_300Light',
+        fontSize: 24,
+        lineHeight: 32,
+        letterSpacing: -0.5,
+    },
+} as const;
+
+export const Spacing = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48,
+} as const;
+
+export const Radius = {
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    full: 9999,
+} as const;
+
+export const Shadow = {
+    card: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    glow: {
+        shadowColor: Colors.primary,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.4,
+        shadowRadius: 16,
+        elevation: 12,
+    },
+} as const;