DataScope26/WEB

1:root {2  --font-display:        'Space Grotesk', sans-serif;3  --font-title:          'Space Grotesk', sans-serif;4  --font-body:           'Roboto', sans-serif;5  --font-text:           'Roboto', sans-serif;6  --texto:               'Roboto', sans-serif;7 8  --green:              #2ee88a;9  --green-20:           rgba(46, 232, 138, 0.2);10  --green-40:           rgba(46, 232, 138, 0.4);11  --green-60:           rgba(46, 232, 138, 0.6);12  --green-85:           rgba(46, 232, 138, 0.85);13  --cta-text:           #006413;14  --cta-text-80:        rgba(0, 100, 19, 0.8);15 16  --color-accent-60:           rgba(46, 232, 138, 0.6);17  --color-role-text:           #006413;18  --color-danger-bg:           rgba(159, 5, 25, 0.05);19  --color-danger-border:       rgba(255, 113, 108, 0.3);20 21  --bg:           #0e0e0e;22  --surface:      #1a1919;23  --surface-2:    #222222;24  --surface-3:    #131313;25  --muted:        #b4b4b4;26  --white:        #ffffff;27  --black:        #000000;28}29 30 31html[data-theme='dark'] {32  color-scheme: dark;33  --bg: #0e0e0e;34  --surface: #1a1919;35  --surface-2: #222222;36  --surface-3: #131313;37  --muted: #b4b4b4;38  --white: #ffffff;39  --color-bg: #0e0e0e;40  --color-card: #131313;41  --color-surface: #262626;42  --color-border: rgba(73, 72, 71, 0.3);43  --color-border-soft: rgba(180, 180, 180, 0.1);44  --color-accent: #2ee88a;45  --color-text: #ffffff;46  --color-muted: #b4b4b4;47  --color-danger: #d7383b;48  --skeleton-start: #1c1c2e;49  --skeleton-mid: #252538;50  --skeleton-end: #1c1c2e;51}52 53html[data-theme='light'] {54  color-scheme: light;55  --bg: #f8fafc;56  --surface: #ffffff;57  --surface-2: #f3f4f6;58  --surface-3: #e5e7eb;59  --muted: #6b7280;60  --white: #ffffff;61  --color-bg: #f8fafc;62  --color-card: #ffffff;63  --color-surface: #f3f4f6;64  --color-border: rgba(15, 23, 42, 0.12);65  --color-border-soft: rgba(15, 23, 42, 0.08);66  --color-accent: #000000;67  --color-text: #111827;68  --color-muted: #6b7280;69  --color-danger: #b91c1c;70  --color-danger-bg: rgba(248, 113, 113, 0.12);71  --skeleton-start: #e9eef2;72  --skeleton-mid: #edf2f7;73  --skeleton-end: #e9eef2;74  --green: #2ee88a;75  76}77 78html,79body {80  min-height: 100%;81  margin: 0;82  background: var(--bg);83  color: var(--color-text);84  font-family: var(--font-body);85}86 87body {88  min-height: 100vh;89}90 91button,92input,93select,94textarea {95  font: inherit;96}97 98::selection {99  background: rgba(46, 232, 138, 0.3);100}101:root {102  --header-h: 5.5rem;103}104 105@media (max-width: 48rem) {106  :root {107    --header-h: 4rem;108  }109}