/*
Theme Name: CockatooMind Shell
Theme URI: https://cockatoomind.com
Author: CockatooMind
Author URI: https://cockatoomind.com
Description: The deliberately bare frame around a CockatooMind workspace. It renders the plugin's pages full-bleed - no menus, widgets, sidebars, comments or post navigation - and carries the tenant's own brand colour and logo instead of any identity of its own.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydtech
Tags: one-column, full-width-template, accessibility-ready, translation-ready
*/
/* -----------------------------------------------------------------------------
* HOW THIS STYLESHEET BEHAVES AROUND THE PLUGIN
*
* Every rule the shell puts on a *shared* element (h1, p, input, a...) is
* wrapped in :where(), which forces its specificity to zero. The WD Quote
* plugin's own CSS - whatever selector it uses, however weak - therefore always
* wins on its own surfaces, and the shell only decides what an element looks
* like when nobody else has an opinion. Rules on .sydtech-* classes are the
* shell's own components and are written normally.
*
* Colour comes in through custom properties that functions.php overrides
* per tenant. The values below are the fallbacks for a tenant who has not set
* a brand colour; the default accent is the plugin workspace's own primary so
* an unbranded install still reads as one product.
* -------------------------------------------------------------------------- */
:root {
color-scheme: light dark;
/* All five are overwritten per tenant by the inline block functions.php
prints; these are hand-picked values that pass the same checks, for the
moment before that block exists (a cached page, an inactive plugin). */
--sydtech-accent: #0d8ac6; /* raw brand colour: tints, borders */
--sydtech-accent-solid: #0a6a99; /* a fill white text clears 4.5:1 on */
--sydtech-on-accent: #ffffff; /* the ink for that fill */
--sydtech-link: #0a6a99; /* 5.4:1 on the light canvas */
/* Published, not consumed here: the tenant's mark, for the console pages
and anything else that wants it. The 404 card uses a real instead,
because a background image has no alt text. */
--sydtech-brand-logo: none;
--sydtech-canvas: #f5f7fa;
--sydtech-surface: #ffffff;
--sydtech-ink: #111827;
--sydtech-ink-2: #4b5563; /* 6.8:1 on canvas */
--sydtech-line: #e4e7ec;
--sydtech-radius: 12px;
--sydtech-shadow: 0 10px 30px rgba(15, 23, 42, .08);
--sydtech-measure: 62ch;
--sydtech-tap: 44px;
--sydtech-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
--sydtech-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
:root {
--sydtech-accent-solid: #63bbe6;
--sydtech-on-accent: #0f172a;
--sydtech-link: #63bbe6; /* 8.6:1 on the dark canvas */
--sydtech-canvas: #0e1420; /* mirrored in functions.php - keep in sync */
--sydtech-surface: #161d2b;
--sydtech-ink: #e7eaf0;
--sydtech-ink-2: #a3adbe;
--sydtech-line: #2a3446;
--sydtech-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
}
/* ------------------------------------------------------------------ base --- */
/* The plugin sets border-box per element wherever it depends on it and has
always run under host themes that set it globally, so this matches what its
CSS was written against. Specificity 0 - any plugin rule still wins. */
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
/* No display:flex on : the plugin and its dialogs append their own
children here, and turning the body into a flex container would silently
disable margin collapsing underneath them. A short page simply ends where
its content ends - there is no chrome to hold up. */
body {
margin: 0;
background: var(--sydtech-canvas);
color: var(--sydtech-ink);
font-family: var(--sydtech-font);
font-size: 16px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
/* Only .