/* * Dazed — by Dehlya Studio (2024) * Fashion-mag gradient dream * * Generated from Dehlya Studio / AuraFlow Theme Studio. * Drop this file into your site and apply via , * or copy the :root variables to use directly. */ :root[data-theme="dazed"], .theme-dazed { --color-background: #FDF7FA; --color-surface: #FFFFFF; --color-surface-alt: #FCE4EC; --color-border: #1A1A1A; --color-text: #1A1A1A; --color-text-muted: #6B6B6B; --color-text-inverse: #FFFFFF; --color-primary: #FF3366; --color-primary-contrast: #FFFFFF; --color-secondary: #7C4DFF; --color-accent: #00E5B0; --color-success: #00C896; --color-warning: #FFB400; --color-danger: #FF3366; --radius: 0rem; --radius-lg: 0.25rem; --shadow: 6px 6px 0 0 #1A1A1A; --shadow-lg: 12px 12px 0 0 #1A1A1A; --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-display: "Space Grotesk", "Inter", sans-serif; --font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --gradient: linear-gradient(135deg, #FF3366 0%, #7C4DFF 50%, #00E5B0 100%); --pattern: radial-gradient(circle at 20% 30%, rgba(255,51,102,0.15), transparent 50%), radial-gradient(circle at 80% 70%, rgba(124,77,255,0.15), transparent 50%); } :root[data-theme="dazed"] body, .theme-dazed body { background: var(--color-background); color: var(--color-text); font-family: var(--font-sans); } /* Utility classes — optional, use if you like */ .theme-dazed .af-surface { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 1.5rem; border: 1px solid var(--color-border); } .theme-dazed .af-button { background: var(--color-primary); color: var(--color-primary-contrast); border-radius: var(--radius); padding: 0.75rem 1.5rem; font-weight: 600; border: 0; cursor: pointer; box-shadow: var(--shadow); font-family: var(--font-sans); } .theme-dazed .af-display { font-family: var(--font-display); color: var(--color-text); } .theme-dazed .af-muted { color: var(--color-text-muted); }