@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Schibsted+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap'); /* ============================================================================= TEMA Vigília — COMPILADO de theme.json por build/compile-theme.mjs. NÃO editar à mão: a fonte é theme.json. Verve — direção de criação accent-h 62 · neutral-h 222 (decouplados). ============================================================================= */ /* --- ESCURO (default) ------------------------------------------------------ */ .theme-vigilia { --accent-h: 62; --neutral-h: 222; --background: oklch(0.17 0.022 222); --foreground: oklch(0.92 0.012 222); --card: oklch(0.215 0.028 222); --card-foreground: oklch(0.92 0.012 222); --popover: oklch(0.235 0.03 222); --popover-foreground: oklch(0.94 0.01 222); --primary: oklch(0.76 0.155 62); --primary-foreground: oklch(0.18 0.04 60); --secondary: oklch(0.255 0.03 222); --secondary-foreground: oklch(0.92 0.012 222); --muted: oklch(0.225 0.026 222); --muted-foreground: oklch(0.66 0.022 222); --accent: oklch(0.32 0.05 62); --accent-foreground: oklch(0.94 0.01 222); --destructive: oklch(0.60 0.18 25); --destructive-foreground: oklch(0.99 0 0); --border: oklch(0.32 0.022 222); --input: oklch(0.27 0.022 222); --ring: oklch(0.76 0.155 62); } /* --- CLARO (.light no , .theme-vigilia no ancestral) ------------------ */ .theme-vigilia .light { --background: oklch(0.97 0.008 222); --foreground: oklch(0.26 0.025 230); --card: oklch(0.99 0.005 222); --card-foreground: oklch(0.26 0.025 230); --popover: oklch(1 0.003 222); --popover-foreground: oklch(0.26 0.025 230); --primary: oklch(0.60 0.14 55); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.94 0.012 222); --secondary-foreground: oklch(0.28 0.025 230); --muted: oklch(0.945 0.01 222); --muted-foreground: oklch(0.50 0.02 230); --accent: oklch(0.92 0.03 55); --accent-foreground: oklch(0.28 0.025 230); --destructive: oklch(0.55 0.22 25); --destructive-foreground: oklch(0.99 0 0); --border: oklch(0.90 0.012 222); --input: oklch(0.915 0.012 222); --ring: oklch(0.60 0.14 55); } /* --- FUNDO VIVO (default .os-wallpaper) ------------------------------------ */ .theme-vigilia .os-wallpaper, .theme-vigilia .mob-shell.os-wallpaper, .theme-vigilia .mob-shell .os-wallpaper { background: radial-gradient(90% 70% at 82% 8%, oklch(0.76 0.155 62 / 0.22), transparent 55%), radial-gradient(120% 110% at 12% 100%, oklch(0.30 0.05 200 / 0.40), transparent 60%), linear-gradient(160deg, oklch(0.18 0.024 222), oklch(0.12 0.016 230)); } .theme-vigilia .light .os-wallpaper, .theme-vigilia .light .mob-shell.os-wallpaper, .theme-vigilia .light .mob-shell .os-wallpaper { background: radial-gradient(90% 70% at 84% 6%, oklch(0.60 0.14 55 / 0.10), transparent 55%), linear-gradient(160deg, oklch(0.98 0.01 222), oklch(0.94 0.018 222)); } /* --- FUNDO SÓBRIO (.wallpaper-sobrio) -------------------------------------- */ .wallpaper-sobrio.theme-vigilia .os-wallpaper, .theme-vigilia.wallpaper-sobrio .mob-shell .os-wallpaper, .theme-vigilia.wallpaper-sobrio .mob-shell.os-wallpaper { background: radial-gradient(140% 120% at 50% 42%, transparent 58%, oklch(0 0 0 / 0.30) 100%), radial-gradient(90% 70% at 50% -8%, oklch(0.76 0.155 62 / 0.14), transparent 70%), linear-gradient(168deg, oklch(0.17 0.022 222), oklch(0.115 0.014 230)); } .theme-vigilia.wallpaper-sobrio .light .os-wallpaper { background: radial-gradient(130% 120% at 50% 36%, transparent 58%, oklch(0.85 0.04 222 / 0.50) 100%), radial-gradient(95% 78% at 30% -8%, oklch(0.62 0.13 55 / 0.50), transparent 72%), linear-gradient(168deg, oklch(0.955 0.012 222), oklch(0.925 0.02 222)); } /* --- TIPOGRAFIA (famílias do tema, escopadas em .theme-vigilia) -------------------- */ .theme-vigilia body, .theme-vigilia { font-family: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif; } .theme-vigilia h1, .theme-vigilia h2, .theme-vigilia h3, .theme-vigilia .font-display { font-family: "Fraunces", Georgia, serif; } .theme-vigilia code, .theme-vigilia pre, .theme-vigilia kbd, .theme-vigilia samp { font-family: "Spline Sans Mono", ui-monospace, monospace; }