This commit is contained in:
Your Name committed 2026-06-21 07:04:03 -04:00
1 parent f7ac94ca0d
commit 335f3b4f59
41 files changed
+809 -413

No files matched your search

+24 -28
View File
@@ -123,7 +123,13 @@
}
.ui-button-line {
@apply inline-flex items-center justify-center rounded-full bg-line-primary px-4 py-2 text-xs font-bold uppercase tracking-widest text-surface-card shadow-sm transition-colors hover:bg-line-primary-hover;
@apply inline-flex items-center justify-center rounded-full px-4 py-2 text-xs font-bold uppercase tracking-widest shadow-sm transition-colors;
background-color: #00B900;
color: #ffffff;
}
.ui-button-line:hover {
background-color: #009900;
}
.ui-icon-button {
@@ -214,14 +220,14 @@
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--color-text-main);
color: var(--color-surface-card);
background: var(--color-surface-page);
color: var(--color-text-main);
}
.ui-hero-overlay {
position: absolute;
inset: 0;
background: color-mix(in srgb, var(--color-text-main) 40%, transparent);
background: color-mix(in srgb, var(--color-surface-page) 40%, transparent);
}
.ui-hero-overlay-strong {
@@ -229,14 +235,14 @@
inset: 0;
background: linear-gradient(
to top,
color-mix(in srgb, var(--color-text-main) 90%, transparent),
color-mix(in srgb, var(--color-text-main) 10%, transparent),
color-mix(in srgb, var(--color-text-main) 30%, transparent)
color-mix(in srgb, var(--color-surface-page) 90%, transparent),
color-mix(in srgb, var(--color-surface-page) 10%, transparent),
color-mix(in srgb, var(--color-surface-page) 30%, transparent)
);
}
.ui-hero-title {
color: var(--color-surface-card);
color: var(--color-text-main);
font-family: var(--font-display-locale);
font-size: 3rem;
font-weight: 300;
@@ -250,7 +256,7 @@
max-width: 42rem;
padding-top: 1rem;
padding-bottom: 2rem;
color: rgb(255 255 255 / 0.9);
color: color-mix(in srgb, var(--color-text-main) 90%, transparent);
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
@@ -258,28 +264,18 @@
}
.ui-hero-button {
border-radius: 9999px;
background: var(--color-surface-card);
padding: 1rem 2rem;
color: var(--color-text-main);
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: background-color 300ms ease, box-shadow 300ms ease;
@apply inline-flex items-center justify-center rounded-full bg-[#FDFDF9] px-6 py-3 text-xs font-bold uppercase tracking-widest text-[#1F3D2D] transition-colors hover:bg-[#EAEFEA];
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}
.ui-hero-link {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 1rem 2rem;
color: var(--color-surface-card);
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: color 150ms ease;
@apply inline-flex items-center gap-2 text-xs font-bold uppercase tracking-widest transition-colors;
color: #D4AF37;
padding: 0.75rem 1.5rem;
}
.ui-hero-link:hover {
color: #FDFDF9;
}
.ui-banner-shell {