website/src/styles/tailwind.css at 92d181ba57d3ae770b252a2569e059e069472238 · EuroPython/website · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
@import "tailwindcss";
@plugin "@tailwindcss/typography";

@theme {
  /* Base Colors */
  --color-black: #000;
  --color-white: #fff;
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-inherit: inherit;

  /* Text Colors */
  --color-text: #151f38;
  --color-text-inverted: #fdfdfd;

  /* Body Colors */
  --color-body-background: #f5e5d6;
  --color-body-inverted: #001c13;
  --color-body-light: #888;

  /* Primary Colors */
  --color-primary: #151f38;
  --color-primary-hover: #7a7ebd;
  --color-primary-active: #7a7ebd;

  /* Button Colors */
  --color-button: #6b5ca5;
  --color-button-hover: #8572c6;
  --color-button-active: #514689;
  --color-button-focus: #9c4222;
  --color-button-disabled: #b7b2c7;
  --color-button-text: #fdfdfd;

  /* Secondary Colors */
  --color-secondary: #151f38;
  --color-secondary-dark: #f5e5d6;
  --color-secondary-darkest: #ffffff;
  --color-secondary-light: #7a7ebd;

  /* Hero Colors */
  --color-hero-primary: #151f38;
  --color-hero-secondary: #fabc1b;

  /* Session Levels */
  --color-session-neutral: #f5e5d6;
  --color-session-beginner: #63d452;
  --color-session-intermediate: #ffcd45;
  --color-session-advanced: #d34847;

  /* Sponsor Tiers */
  --color-sponsor-keystone: #5c9f92;
  --color-sponsor-diamond: #568497;
  --color-sponsor-platinum: #6b6c6e;
  --color-sponsor-gold: #f5c251;
  --color-sponsor-silver: #c0c0c0;
  --color-sponsor-startup: #8572c6;
  --color-sponsor-bronze: #6e6151;
  --color-sponsor-patron: #a11217;

  --color-top-notification: #ee714b;

  /* Aspect Ratios */
  --aspect-hero: 2.4380530973;

  /* Font Families */
  --font-system: system-ui, sans-serif;
  --font-title:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Customize typography plugin */
@layer utilities {
  .prose {
    --tw-prose-headings: var(--color-black);
    --tw-prose-body: var(--color-text);
  }
}