embalse-info/front/src/app/globals.css at 81cee3d9f0c066d33023b4e749fc879a2d53ac9d · Lemoncode/embalse-info · 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
82
83
84
85
86
87
88
89
90
91
@import "tailwindcss";
@plugin "daisyui";

@import "@fontsource/nunito-sans/400.css";
@import "@fontsource/nunito-sans/500.css";
@import "@fontsource/nunito-sans/600.css";

@plugin "daisyui/theme" {
  name: "info-embalse";
  default: true;
  color-scheme: light;

  --color-primary: #1b9aaa;
  --color-accent: #d9d900;

  --color-base-100: #feffff; /* White background */
  --color-base-200: #eaeaea; /* Grey background */
  --color-base-content: #060d14; /* Text color */
}

@theme {
  --font-sans: "Nunito Sans", sans-serif;

  /* Title color */
  --color-title: #051c1f;

  /* Graphic total water */
  --color-total-water: #26d6ed;

  /* Accesible visited link color */
  --color-visited-link: #257782;

  /*Primary color palette*/

  --color-brand-50: #e8f5f7;
  --color-brand-100: #d1ebee;
  --color-brand-200: #a4d7dd;
  --color-brand-300: #76c2cc;
  --color-brand-400: #49aebb;
  --color-brand-500: #1b9aaa; /* Primary color */
  --color-brand-600: #167b88;
  --color-brand-700: #105c66;
  --color-brand-800: #0b3e44;
  --color-brand-900: #051f22;
  --color-brand-950: #01161a;
}

@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply text-title opacity-95;
  }

  p,
  body {
    @apply opacity-85;
  }

  /* H1 Title 36px */
  h1 {
    @apply text-4xl leading-none font-semibold;
  }

  /* H2 Title 28px */
  h2 {
    @apply text-[28px] leading-normal font-semibold;
  }

  /* H3 Subtitle 24px */
  h3 {
    @apply text-2xl leading-none font-medium;
  }

  /* Text 14px */
  p,
  body {
    @apply text-base-content text-base leading-normal font-normal;
  }
}

@layer utilities {
  /*Accesible link */

  .link-accessible {
    @apply link text-title visited:text-visited-link font-bold opacity-95;
  }
}