Manoel Freitas
35bc5a59d9
* feat: add Dossiê vivo motion to the public site Introduce a focal Home opening, chapter index, and restrained continuity reveals while keeping reduced-motion and visual baselines intact. Co-authored-by: Cursor <cursoragent@cursor.com> * test: refresh visual baselines from CI Ubuntu screenshots Co-authored-by: Cursor <cursoragent@cursor.com> --------- Co-authored-by: Cursor <cursoragent@cursor.com>
81 lines
2.4 KiB
CSS
81 lines
2.4 KiB
CSS
:root {
|
|
/* Typography — Heritage Editorial single voice */
|
|
--amare-font-serif: var(--font-eb-garamond, 'EB Garamond'), Garamond, Georgia, serif;
|
|
--amare-font-sans: var(--amare-font-serif);
|
|
|
|
/* Font scale */
|
|
--amare-text-xs: 0.75rem;
|
|
--amare-text-sm: 0.875rem;
|
|
--amare-text-base: 1rem;
|
|
--amare-text-lg: 1.125rem;
|
|
--amare-text-xl: 1.25rem;
|
|
--amare-text-2xl: 1.5rem;
|
|
--amare-text-3xl: 1.875rem;
|
|
--amare-text-4xl: 2.25rem;
|
|
|
|
/* Spacing scale (8px rhythm) */
|
|
--amare-space-1: 0.25rem;
|
|
--amare-space-2: 0.5rem;
|
|
--amare-space-3: 0.75rem;
|
|
--amare-space-4: 1rem;
|
|
--amare-space-6: 1.5rem;
|
|
--amare-space-8: 2rem;
|
|
--amare-space-12: 3rem;
|
|
--amare-space-16: 4rem;
|
|
|
|
/* Border radius — sharp editorial edges */
|
|
--amare-radius-sm: 0;
|
|
--amare-radius-md: 0;
|
|
--amare-radius-lg: 0;
|
|
--amare-radius-xl: 0;
|
|
--amare-radius-full: 9999px;
|
|
|
|
/* Container */
|
|
--amare-container-max: 1120px;
|
|
--amare-container-padding: 1.5rem;
|
|
|
|
/* Colors — Heritage Editorial (WCAG AA pairs) */
|
|
--amare-color-bg: #FBF9F4;
|
|
--amare-color-bg-deep: #F0EEE9;
|
|
--amare-color-bg-archive: #E4E2DD;
|
|
--amare-color-bg-muted: var(--amare-color-bg-deep);
|
|
--amare-color-text: #1B1C19;
|
|
--amare-color-muted: #5D6155;
|
|
--amare-color-text-muted: var(--amare-color-muted);
|
|
--amare-color-border: #C5C8B8;
|
|
--amare-color-accent: #556B2F;
|
|
--amare-color-accent-deep: #3E5219;
|
|
--amare-color-accent-hover: var(--amare-color-accent-deep);
|
|
--amare-color-sage: #8B9D77;
|
|
--amare-color-accent-text: #FFFFFF;
|
|
--amare-color-success: #166534;
|
|
--amare-color-warning: #92400e;
|
|
--amare-color-error: #991b1b;
|
|
|
|
/* Transitions */
|
|
--amare-duration-fast: 150ms;
|
|
--amare-duration-normal: 250ms;
|
|
--amare-duration-slow: 400ms;
|
|
--amare-duration-focal: 720ms;
|
|
--amare-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--amare-ease-arrival: cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
:root {
|
|
--amare-duration-fast: 0.01ms;
|
|
--amare-duration-normal: 0.01ms;
|
|
--amare-duration-slow: 0.01ms;
|
|
--amare-duration-focal: 0.01ms;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|