/* assets/css/theme.css — Cascade Daily design tokens */ /* Import Google Fonts in your alongside this */ [data-theme="dark"] { --bg: #080C0C; --bg2: #0F1515; --bg3: #161E1E; --bg4: #1E2828; --tx: #F0EDE8; --tx2: #9AA8A8; --tx3: #4A5858; --ac: #0D7377; --ac2: #11999E; --am: #E8A020; --am2: #F5B840; --bd: #1E2A2A; --bd2: #263333; --gn: #22C55E; --rd: #EF4444; --tg: #121A1A; --shadow: rgba(0,0,0,.5); } [data-theme="light"] { --bg: #FAF7F2; --bg2: #F3EFE8; --bg3: #EAE5DC; --bg4: #DDD8CE; --tx: #0F1A1A; --tx2: #4A5C5C; --tx3: #8A9898; --ac: #0D7377; --ac2: #0F8A8F; --am: #C88010; --am2: #E8A020; --bd: #DDD8CE; --bd2: #CCC8BC; --gn: #1A8C3F; --rd: #DC2626; --tg: #EAE5DC; --shadow: rgba(0,0,0,.08); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--tx); min-height: 100vh; transition: background .25s, color .25s; } a { text-decoration: none; color: inherit; } img { display: block; }