/* * Design tokens shared by the public booking site and ActiveAdmin (F3.5). * Dark is the default; `.dark` on is toggled by theme_controller.js using the * same `theme` localStorage key and class convention ActiveAdmin 4 uses natively. * --accent is overridden per-tenant with the business's brand color (see * Business#accent_contrast in app/models/business.rb); everything else is shared. */ :root { --color-bg: #0a0e14; --color-surface: #10151f; --color-surface-raised: #171d2b; --color-border: #262e40; --color-text-primary: #f2f4f8; --color-text-secondary: #b6bfd1; --color-text-muted: #7c869c; --color-success: #34d399; --color-danger: #f87171; --color-warning: #fbbf24; --color-accent: #6366f1; --color-accent-contrast: #ffffff; } :root:not(.dark) { --color-bg: #f7f8fa; --color-surface: #ffffff; --color-surface-raised: #ffffff; --color-border: #e2e5ec; --color-text-primary: #14171f; --color-text-secondary: #454c5c; --color-text-muted: #767e8f; --color-success: #059669; --color-danger: #dc2626; --color-warning: #d97706; } /* Smooth transition when toggling themes */ html, body, header, footer, main, a, button, input, select, textarea, div, span, svg, hr { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; }