Resumint/global.css at main · praaatap/Resumint · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
@import 'tailwindcss';
@import 'uniwind';

@theme {
    --color-primary: #0F766E;
    --color-primary-light: #5EEAD4;
    --color-primary-dark: #134E4A;
    --color-primary-muted: rgba(15, 118, 110, 0.1);

    --color-accent: #6366F1;
    --color-accent-light: #818CF8;
    --color-accent-dark: #4338CA;

    --color-success: #10B981;
    --color-success-bg: #ECFDF5;

    --color-warning: #F59E0B;
    --color-warning-bg: #FFFBEB;

    --color-error: #EF4444;
    --color-error-bg: #FEF2F2;

    --color-info: #3B82F6;
    --color-info-bg: #EFF6FF;

    --color-background: #FFFFFF;
    --color-background-alt: #F8FAFC;
    --color-surface: #FFFFFF;

    --color-text-primary: #0F172A;
    --color-text-secondary: #475569;
    --color-text-tertiary: #94A3B8;
    --color-text-muted: #94A3B8;
    --color-text-inverse: #FFFFFF;

    --color-border: #E2E8F0;
    --color-border-light: #F1F5F9;
    --color-border-dark: #CBD5E1;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 24px;
    --spacing-xxxl: 32px;
    --spacing-xxxxl: 48px;
    --spacing-giant: 64px;

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 26px;
    --radius-xxl: 34px;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 32px;
    --text-4xl: 48px;
    --text-5xl: 64px;
}