/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ @import "https://cdn.jsdelivr.net/npm/daisyui@5"; /* ------------------------------------------------------------------ */ /* RideList custom daisyUI theme */ /* A warm, energetic palette built for cyclists: sunrise orange */ /* primary, deep road-trip teal secondary, and soft warm neutrals. */ /* Applied via data-theme="ridelist" on the element. */ /* ------------------------------------------------------------------ */ [data-theme="ridelist"] { color-scheme: light; --color-base-100: oklch(99% 0.004 85); --color-base-200: oklch(96.5% 0.008 85); --color-base-300: oklch(91.5% 0.012 85); --color-base-content: oklch(27% 0.035 255); --color-primary: oklch(64% 0.2 38); --color-primary-content: oklch(98.5% 0.01 38); --color-secondary: oklch(43% 0.085 205); --color-secondary-content: oklch(97.5% 0.012 205); --color-accent: oklch(76% 0.16 125); --color-accent-content: oklch(24% 0.06 125); --color-neutral: oklch(28% 0.035 255); --color-neutral-content: oklch(96% 0.01 255); --color-info: oklch(66% 0.13 235); --color-info-content: oklch(98% 0.01 235); --color-success: oklch(63% 0.15 155); --color-success-content: oklch(98% 0.012 155); --color-warning: oklch(81% 0.16 80); --color-warning-content: oklch(29% 0.07 80); --color-error: oklch(58% 0.21 27); --color-error-content: oklch(98% 0.012 27); --radius-selector: 1rem; --radius-field: 0.75rem; --radius-box: 1.25rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; } /* ------------------------------------------------------------------ */ /* Typography */ /* ------------------------------------------------------------------ */ html { font-family: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; scroll-behavior: smooth; } /* ------------------------------------------------------------------ */ /* Brand helpers */ /* ------------------------------------------------------------------ */ /* Sunset-over-the-road gradient text used for brand accents */ .rl-gradient-text { background: linear-gradient(92deg, oklch(70% 0.19 45), oklch(62% 0.21 30) 55%, oklch(58% 0.17 350)); -webkit-background-clip: text; background-clip: text; color: transparent; } /* Dark "dawn patrol" hero backdrop for marketing and auth pages */ .rl-hero { color: oklch(96% 0.01 255); background: radial-gradient(70rem 36rem at 88% -12%, oklch(64% 0.2 38 / 0.38), transparent 62%), radial-gradient(55rem 30rem at -8% 112%, oklch(55% 0.11 205 / 0.45), transparent 60%), linear-gradient(165deg, oklch(22% 0.035 255), oklch(30% 0.06 230)); } /* Subtle dotted texture overlay for hero sections */ .rl-hero-dots { background-image: radial-gradient(oklch(100% 0 0 / 0.07) 1px, transparent 1px); background-size: 22px 22px; } /* Light warm gradient band used for page headers behind the login */ .rl-page-header { background: radial-gradient(40rem 16rem at 95% -30%, oklch(64% 0.2 38 / 0.14), transparent 65%), radial-gradient(36rem 14rem at 0% 130%, oklch(55% 0.11 205 / 0.12), transparent 60%), linear-gradient(160deg, oklch(98% 0.008 85), oklch(95% 0.014 85)); } /* Brand icon tile (rounded square with gradient) */ .rl-brand-tile { background: linear-gradient(140deg, oklch(70% 0.19 45), oklch(58% 0.21 30)); color: oklch(98.5% 0.01 38); }