/* 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.0.0 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-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 Customizer control) ──────────── */ body.roomy-scheme-forest { --roomy-ink: #16312a; --roomy-ink-soft:#1d4036; --roomy-accent: #d6a14a; --roomy-teal: #2f9e8f; } body.roomy-scheme-coastal { --roomy-ink: #16324d; --roomy-ink-soft:#1d4063; --roomy-accent: #ef6f53; --roomy-teal: #2aa0b8; } body.roomy-scheme-plum { --roomy-ink: #2c2140; --roomy-ink-soft:#3a2c54; --roomy-accent: #e3a23d; --roomy-teal: #5b8a72; } body.roomy-scheme-mono { --roomy-ink: #1a1a1a; --roomy-ink-soft:#2e2e2e; --roomy-accent: #1a1a1a; --roomy-accent-ink: #ffffff; --roomy-teal: #444444; } /* 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. */