/* Plugin documentation theme: the OX Recorder (Cursor-inspired) design system.
   Values mirror oxrecorder-website/css/tokens.css - keep in sync.

   Loaded only by plugin documentation pages (website build and portal). Everything is
   scoped to body[data-plugin-doc-page] so the rest of the portal stylesheet is unaffected, and the
   portal's own variables (--bg --card --text ...) are remapped to the tokens below.
   Theme selection: <html data-theme="light|dark"> wins; without it the OS decides. */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/jetbrains-mono-400.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/jetbrains-mono-500.woff2") format("woff2")}

/* Tokens + portal variable remap: light (default) */
body[data-plugin-doc-page] {
  --primary:#67e8f9;--primary-active:#22d3ee;--on-primary:#083344;--primary-soft:rgba(103,232,249,.16);--primary-text:#0e7490;--primary-focus:#0891b2;
  --ink:#26251e;--body:#5a5852;--muted:#6f6c62;--muted-soft:#a09c92;
  --canvas:#f7f7f4;--canvas-soft:#fafaf7;--surface-card:#ffffff;--surface-strong:#e6e5e0;--surface-hover:#efeee8;
  --hairline:#e6e5e0;--hairline-soft:#efeee8;--hairline-strong:#cfcdc4;
  --success:#1f8a65;--error:#cf2d56;--warning:#a8650a;--info:#2f6db3;
  --code-bg:#ffffff;--code-text:#26251e;--code-comment:#8a877c;--code-keyword:#6d5bd0;--code-string:#1f7a57;--code-number:#8a4fc2;--code-title:#2f6db3;--code-attr:#a8650a;
  --logo-filter:brightness(.5) contrast(1.25);
  --on-ok:#ffffff;--on-warn:#ffffff;--on-danger:#ffffff;--scrim:rgba(0,0,0,.4);
  --font-sans:"Inter",system-ui,-apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,"Fira Code",monospace;
  --r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:9999px;
  --maxw:1200px;--gutter:clamp(16px,4vw,32px);--topbar-h:64px;--ease:cubic-bezier(.2,0,0,1);
  --bg:var(--canvas);--card:var(--surface-card);--field:var(--surface-hover);--raised:var(--surface-card);
  --text:var(--ink);--border:var(--hairline);--control-border:var(--hairline-strong);
  --brand:var(--primary);--brand-dark:var(--primary-active);--on-brand:var(--on-primary);
  --selected:var(--surface-hover);--ok:var(--success);--warn:var(--warning);--danger:var(--error);
  --shadow-1:none;--shadow-2:none;--shadow-3:none;--backdrop:var(--scrim);
  color-scheme:light;
}
:root:has(body[data-plugin-doc-page]){color-scheme:light;background:#f7f7f4}

/* Dark: follows the OS unless the visitor chose light */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]):has(body[data-plugin-doc-page]){color-scheme:dark;background:#14130f}
  :root:not([data-theme="light"]) body[data-plugin-doc-page]{
  --primary:#67e8f9;--primary-active:#a5f3fc;--on-primary:#083344;--primary-soft:rgba(103,232,249,.14);--primary-text:#67e8f9;--primary-focus:#67e8f9;
  --ink:#f2f1ec;--body:#bdbab0;--muted:#96928a;--muted-soft:#6f6b62;
  --canvas:#14130f;--canvas-soft:#1a1915;--surface-card:#1f1e1a;--surface-strong:#2b2a25;--surface-hover:#26251f;
  --hairline:#2e2c27;--hairline-soft:#24231f;--hairline-strong:#403d36;
  --success:#4cc495;--error:#f2668b;--warning:#e0a84a;--info:#7fb0ea;
  --code-bg:#1a1915;--code-text:#e8e6df;--code-comment:#8a867b;--code-keyword:#a99cf0;--code-string:#8fd1a6;--code-number:#c7a6ee;--code-title:#8fbcef;--code-attr:#e9bd6c;
  --logo-filter:none;
  --on-ok:#06170d;--on-warn:#2c2108;--on-danger:#2a0a14;--scrim:rgba(0,0,0,.55);
  color-scheme:dark;
  }
}
:root[data-theme="dark"]:has(body[data-plugin-doc-page]){color-scheme:dark;background:#14130f}
:root[data-theme="dark"] body[data-plugin-doc-page]{
  --primary:#67e8f9;--primary-active:#a5f3fc;--on-primary:#083344;--primary-soft:rgba(103,232,249,.14);--primary-text:#67e8f9;--primary-focus:#67e8f9;
  --ink:#f2f1ec;--body:#bdbab0;--muted:#96928a;--muted-soft:#6f6b62;
  --canvas:#14130f;--canvas-soft:#1a1915;--surface-card:#1f1e1a;--surface-strong:#2b2a25;--surface-hover:#26251f;
  --hairline:#2e2c27;--hairline-soft:#24231f;--hairline-strong:#403d36;
  --success:#4cc495;--error:#f2668b;--warning:#e0a84a;--info:#7fb0ea;
  --code-bg:#1a1915;--code-text:#e8e6df;--code-comment:#8a867b;--code-keyword:#a99cf0;--code-string:#8fd1a6;--code-number:#c7a6ee;--code-title:#8fbcef;--code-attr:#e9bd6c;
  --logo-filter:none;
  --on-ok:#06170d;--on-warn:#2c2108;--on-danger:#2a0a14;--scrim:rgba(0,0,0,.55);
  color-scheme:dark;
}

/* Base */
body[data-plugin-doc-page]{background:var(--canvas);color:var(--body);font-family:var(--font-sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-plugin-doc-page] :where(code,kbd,samp,pre){font-family:var(--font-mono)}
body[data-plugin-doc-page] ::selection{background:var(--primary-soft);color:var(--ink)}
body[data-plugin-doc-page] :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}
body[data-plugin-doc-page] .ox-logo{display:block;height:28px;width:auto;filter:var(--logo-filter)}