/* Theme Name: Roomy Theme URI: https://kernelabs.com/roomy/ Author: Kernel Labs Author URI: https://kernelabs.com Description: Roomy is a dedicated WordPress theme for UK HMO and room-letting businesses, purpose-built around the HMO Manager plugin. It ships room & property listing templates, a Kirki-powered style switcher, native Gutenberg block styling and one-click demo content. Bundles the HMO Manager plugin plus the Contact Form 7 toolset used for viewings, onboarding and check-in/out. Version: 1.1.1 Requires at least: 6.4 Tested up to: 6.9 Requires PHP: 8.1 License: Proprietary License URI: https://kernelabs.com/roomy/license Text Domain: roomy Domain Path: /languages Tags: custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style */ /* ============================================================================ Roomy design tokens --------------------------------------------------------------------------- Every colour is a CSS custom property so the Kirki "Select Your Style" switcher (inc/kirki-config.php) can repaint the whole theme — and the HMO Manager room cards — without touching markup. Scheme classes live on . ========================================================================== */ :root { /* Brand — default "Ink & Amber" scheme */ --roomy-ink: #1f2a44; /* deep navy: headers, text, primary buttons */ --roomy-ink-soft: #2c3a5c; /* hover / raised navy */ --roomy-accent: #e8a23d; /* warm amber: CTAs, prices, active states */ --roomy-accent-ink: #1f2a44; /* text sitting on the accent */ --roomy-teal: #2f9e8f; /* "available" status */ /* Neutrals */ --roomy-bg: #ffffff; --roomy-surface: #f7f8fb; /* page wash / card backs */ --roomy-line: #e6e9f0; /* hairlines, borders */ --roomy-field: #c4ccdb; /* form field borders — deliberately stronger */ --roomy-muted: #6b7689; /* secondary text */ --roomy-text: #232a39; /* body text */ /* Status palette (room availability) */ --roomy-st-available: #2f9e8f; --roomy-st-occupied: #8a94a6; --roomy-st-notice: #d98324; --roomy-st-reserved: #4a6cf7; --roomy-st-maintenance: #c0563f; /* Type */ --roomy-font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif; --roomy-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif; /* Shape & depth */ --roomy-radius: 14px; --roomy-radius-sm: 9px; --roomy-shadow: 0 1px 2px rgba(31, 42, 68, .06), 0 8px 24px rgba(31, 42, 68, .08); --roomy-shadow-lg: 0 18px 48px rgba(31, 42, 68, .16); --roomy-maxw: 1200px; } /* ── Alternate schemes (set on by the Switcher) ──────────────────────── Each has a genuinely distinct accent so they don't all read as "amber". */ body.roomy-scheme-teal { --roomy-ink: #0e3b39; --roomy-ink-soft:#145550; --roomy-accent: #16c0ac; --roomy-accent-ink:#ffffff; --roomy-teal:#16c0ac; } body.roomy-scheme-coral { --roomy-ink: #3a2422; --roomy-ink-soft:#4e332f; --roomy-accent: #f2704f; --roomy-accent-ink:#ffffff; --roomy-teal:#e0956a; } body.roomy-scheme-violet { --roomy-ink: #2c1c47; --roomy-ink-soft:#3c2a5e; --roomy-accent: #b061f9; --roomy-accent-ink:#ffffff; --roomy-teal:#8b7bd8; } body.roomy-scheme-emerald { --roomy-ink: #103726; --roomy-ink-soft:#184c36; --roomy-accent: #12b981; --roomy-accent-ink:#ffffff; --roomy-teal:#12b981; } body.roomy-scheme-royal { --roomy-ink: #17225e; --roomy-ink-soft:#22317f; --roomy-accent: #4d6bff; --roomy-accent-ink:#ffffff; --roomy-teal:#5aa8e0; } body.roomy-scheme-rose { --roomy-ink: #40202f; --roomy-ink-soft:#562d40; --roomy-accent: #f7466f; --roomy-accent-ink:#ffffff; --roomy-teal:#d98aa0; } body.roomy-scheme-graphite { --roomy-ink: #191a1f; --roomy-ink-soft:#2b2d34; --roomy-accent: #4b5563; --roomy-accent-ink:#ffffff; --roomy-teal:#6b7280; } /* The bulk of presentational CSS lives in assets/css/roomy.css so it can be enqueued with a version string and cached independently of style.css. */