/*
 * /docs/api — the Atomara brand over Scalar (resources/views/docs/api.blade.php).
 * Scalar runs with theme 'none'; every colour it paints comes from the
 * --scalar-* variables below, mapped onto the paper tokens of app.css.
 */
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/geist-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/geist-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --docs-bar-height: 60px;
  --scalar-custom-header-height: var(--docs-bar-height);
  --scalar-font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --scalar-radius: 6px;
  --scalar-radius-lg: 10px;
  --scalar-radius-xl: 12px;
}

.light-mode, :root {
  --scalar-background-1: #F8F7F3;
  --scalar-background-2: #FFFFFF;
  --scalar-background-3: #EFEDE5;
  --scalar-background-accent: #E5F1EB;
  --scalar-color-1: #0A0B0F;
  --scalar-color-2: #4A4C53;
  --scalar-color-3: #74767D;
  --scalar-color-accent: #0E7A4D;
  --scalar-link-color: #0E7A4D;
  --scalar-border-color: #DBD8CB;
  --scalar-button-1: #0A0B0F;
  --scalar-button-1-color: #FFFFFF;
  --scalar-button-1-hover: #1E2026;
  --scalar-color-green: #0E7A4D;
  --scalar-color-red: #C8312B;
  --scalar-color-yellow: #B47A12;
  --scalar-color-orange: #B4561A;
  --scalar-color-blue: #2F5FA8;
  --scalar-color-purple: #6B4BA1;
  --scalar-sidebar-background-1: #F2F0E8;
  --scalar-sidebar-color-1: #0A0B0F;
  --scalar-sidebar-color-2: #4A4C53;
  --scalar-sidebar-border-color: #DBD8CB;
  --scalar-sidebar-item-hover-background: #E4E1D6;
  --scalar-sidebar-item-hover-color: #0A0B0F;
  --scalar-sidebar-item-active-background: #E5F1EB;
  --scalar-sidebar-color-active: #0A5639;
  --scalar-sidebar-search-background: #FFFFFF;
  --scalar-sidebar-search-border-color: #DBD8CB;
  --scalar-sidebar-search-color: #74767D;

  --docs-bar-bg: rgba(248, 247, 243, 0.92);
  --docs-bar-ink: #0A0B0F;
  --docs-bar-ink-2: #4A4C53;
  --docs-bar-rule: #DBD8CB;
}

.dark-mode {
  --scalar-background-1: #0F1013;
  --scalar-background-2: #16181C;
  --scalar-background-3: #1E2026;
  --scalar-background-accent: rgba(20, 150, 94, 0.14);
  --scalar-color-1: #F2F1EC;
  --scalar-color-2: #B9BBC1;
  --scalar-color-3: #8A8C93;
  --scalar-color-accent: #3FBF86;
  --scalar-link-color: #3FBF86;
  --scalar-border-color: #2A2C33;
  --scalar-button-1: #F2F1EC;
  --scalar-button-1-color: #0A0B0F;
  --scalar-button-1-hover: #FFFFFF;
  --scalar-color-green: #3FBF86;
  --scalar-color-red: #EF6A63;
  --scalar-color-yellow: #E0A93A;
  --scalar-color-orange: #E58A4A;
  --scalar-color-blue: #6E9BE0;
  --scalar-color-purple: #A88BDB;
  --scalar-sidebar-background-1: #121317;
  --scalar-sidebar-color-1: #F2F1EC;
  --scalar-sidebar-color-2: #B9BBC1;
  --scalar-sidebar-border-color: #2A2C33;
  --scalar-sidebar-item-hover-background: #1E2026;
  --scalar-sidebar-item-hover-color: #F2F1EC;
  --scalar-sidebar-item-active-background: rgba(20, 150, 94, 0.16);
  --scalar-sidebar-color-active: #3FBF86;
  --scalar-sidebar-search-background: #16181C;
  --scalar-sidebar-search-border-color: #2A2C33;
  --scalar-sidebar-search-color: #8A8C93;

  --docs-bar-bg: rgba(15, 16, 19, 0.92);
  --docs-bar-ink: #F2F1EC;
  --docs-bar-ink-2: #B9BBC1;
  --docs-bar-rule: #2A2C33;
}

html, body { margin: 0; background: var(--scalar-background-1); color: var(--scalar-color-1); font-family: var(--scalar-font); }

.docs-bar {
  position: sticky; top: 0; z-index: 1000;
  height: var(--docs-bar-height); box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 0 16px;
  background: var(--docs-bar-bg);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--docs-bar-rule);
}
.docs-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--docs-bar-ink); min-width: 0; }
.docs-brand img { display: block; height: 26px; width: auto; }
.dark-mode .docs-brand img { filter: invert(1) hue-rotate(180deg); }
.docs-brand-tag {
  font-family: var(--scalar-font-code); font-size: 12px; letter-spacing: 0.02em;
  color: var(--docs-bar-ink-2); padding-left: 12px; border-left: 1px solid var(--docs-bar-rule);
  white-space: nowrap;
}
.docs-nav { display: flex; align-items: center; gap: 18px; font-size: 14px; }
.docs-nav a { color: var(--docs-bar-ink-2); text-decoration: none; white-space: nowrap; }
.docs-nav a:hover { color: var(--docs-bar-ink); }
.docs-nav .docs-cta {
  color: #FFFFFF; background: #0E7A4D; padding: 8px 14px; border-radius: 6px; font-weight: 500;
}
.docs-nav .docs-cta:hover { color: #FFFFFF; background: #0A5639; }

.docs-noscript { max-width: 640px; margin: 48px auto; padding: 0 16px; line-height: 1.6; }

/* The no-JS rendering of the reference (hidden once Scalar mounts). */
.docs-static { max-width: 760px; margin: 40px auto 80px; padding: 0 16px; font-family: var(--scalar-font); color: var(--scalar-color-1); line-height: 1.6; font-size: 16px; }
.docs-static[hidden] { display: none; }
.docs-static-note { color: var(--scalar-color-2); border-left: 3px solid var(--scalar-color-accent); padding-left: 12px; }
.docs-static h1 { font-size: 26px; line-height: 1.2; margin: 48px 0 12px; letter-spacing: -0.01em; }
.docs-static h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 10px; }
.docs-static p, .docs-static ul, .docs-static ol { margin: 0 0 14px; }
.docs-static a { color: var(--scalar-link-color); }
.docs-static code { font-family: var(--scalar-font-code); font-size: 0.9em; background: var(--scalar-background-3); padding: 1px 5px; border-radius: 4px; }
.docs-static pre { background: var(--scalar-background-3); border: 1px solid var(--scalar-border-color); border-radius: var(--scalar-radius-lg); padding: 14px 16px; overflow-x: auto; font-size: 14px; line-height: 1.5; margin: 0 0 16px; }
.docs-static pre code { background: none; padding: 0; font-size: inherit; }
.docs-static table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
.docs-static th, .docs-static td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--scalar-border-color); }
.docs-static th { color: var(--scalar-color-2); font-weight: 600; }

@media (max-width: 640px) {
  .docs-brand-tag { display: none; }
  .docs-nav { gap: 12px; }
  .docs-nav a:not(.docs-cta) { display: none; }
}