page/_tailwind.css at main · ethos-link/page · 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
@import "tailwindcss";

@font-face {
  font-family: "Roboto Flex";
  src: url("/assets/RobotoFlex-VariableFont.ttf") format("truetype");
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-style: normal;
  font-display: swap;
}

@layer base {
  :root {
    color-scheme: light;
    --brand-primary: #4F46E5;
    --brand-secondary: #4338CA;
    --brand-highlight: #F59E0B;
    --brand-bg: #E0E7FF;
    --brand-ink: #111827;
    --brand-muted: #9CA3AF;
  }

  body {
    font-family: "Roboto Flex", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #111827;
    background-color: #ffffff;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Roboto Flex", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 600;
    color: #111827;
  }
}

@layer utilities {
  .hero-gradient-shape {
    clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%);
  }
}