49 lines
808 B
CSS
49 lines
808 B
CSS
|
@import "tailwindcss";
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--brand-primary: #4f46e5;
|
||
|
|
--brand-primary-dark: #4338ca;
|
||
|
|
--brand-navy: #071a49;
|
||
|
|
--brand-gold: #d9a441;
|
||
|
|
--page-background: #f8fafc;
|
||
|
|
--text-primary: #111827;
|
||
|
|
--text-muted: #64748b;
|
||
|
|
--border-subtle: #e2e8f0;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
scroll-behavior: smooth;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
background: var(--page-background);
|
||
|
|
color: var(--text-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background: var(--brand-primary);
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero-grid {
|
||
|
|
background-image: linear-gradient(rgba(7, 26, 73, 0.16) 1px, transparent 1px),
|
||
|
|
linear-gradient(90deg, rgba(7, 26, 73, 0.16) 1px, transparent 1px);
|
||
|
|
background-size: 46px 46px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-rule {
|
||
|
|
border-top: 1px solid rgba(148, 163, 184, 0.24);
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font: inherit;
|
||
|
|
}
|