/* Generated from @airuota/brand and @airuota/sub2api-theme. */

:root {
  --air-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --air-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --air-color-canvas: #f4f7f2;
  --air-color-surface: #ffffff;
  --air-color-surface-muted: #f7f9f6;
  --air-color-ink: #111916;
  --air-color-muted: #5d6963;
  --air-color-line: #d8dfda;
  --air-color-line-strong: #bfc9c2;
  --air-color-accent: #14b86f;
  --air-color-accent-strong: #087647;
  --air-color-accent-soft: #dff7e9;
  --air-color-cyan: #00a8b5;
  --air-color-coral: #ef674c;
  --air-color-violet: #6d5ad6;
  --air-color-black: #0c1210;

  --air-radius-control: 6px;
  --air-radius-card: 8px;
  --air-shadow-raised: 0 24px 60px rgba(17, 25, 22, 0.08);
  --air-focus-ring: 0 0 0 3px rgba(20, 184, 111, 0.16);

  /* Compatibility aliases used by the Sub2API theme. */
  --air-paper: var(--air-color-canvas);
  --air-surface: var(--air-color-surface);
  --air-surface-muted: var(--air-color-surface-muted);
  --air-ink: var(--air-color-ink);
  --air-muted: var(--air-color-muted);
  --air-line: var(--air-color-line);
  --air-line-strong: var(--air-color-line-strong);
  --air-green: var(--air-color-accent);
  --air-green-dark: var(--air-color-accent-strong);
  --air-green-soft: var(--air-color-accent-soft);
  --air-black: var(--air-color-black);
}

:root.airuota-theme {
  color-scheme: light;
}

:root.airuota-theme.dark {
  color-scheme: dark;
  --air-color-canvas: #0c1210;
  --air-color-surface: #111916;
  --air-color-surface-muted: #17201c;
  --air-color-ink: #f4f7f2;
  --air-color-muted: #aab6af;
  --air-color-line: #2b3631;
  --air-color-line-strong: #405047;
  --air-color-accent-soft: #173b2a;
  --air-color-black: #f4f7f2;
  --air-shadow-raised: 0 24px 60px rgba(0, 0, 0, 0.24);
}

html.airuota-theme,
html.airuota-theme body,
html.airuota-theme button,
html.airuota-theme input,
html.airuota-theme select,
html.airuota-theme textarea {
  font-family: var(--air-font-sans);
  letter-spacing: 0;
}

body[data-airuota-route="auth"],
body[data-airuota-route="app"] {
  color: var(--air-ink);
  background: var(--air-paper);
}

body[data-airuota-route="auth"] #app > div:first-child {
  background: var(--air-paper) !important;
}

body[data-airuota-route="auth"] #app > div:first-child > .absolute {
  display: none !important;
}

body[data-airuota-route="auth"] #app > div:first-child > .relative {
  width: min(100%, 440px) !important;
}

body[data-airuota-route="auth"] img[alt="Logo"] {
  border-radius: 0 !important;
}

body[data-airuota-route="auth"] .shadow-lg,
body[data-airuota-route="auth"] .shadow-glass {
  box-shadow: none !important;
}

body[data-airuota-route="auth"] .text-gradient {
  color: var(--air-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body[data-airuota-route="auth"] .card-glass {
  border: 1px solid var(--air-line) !important;
  border-radius: var(--air-radius-card) !important;
  background: var(--air-surface) !important;
  box-shadow: var(--air-shadow-raised) !important;
  backdrop-filter: none !important;
}

body[data-airuota-route="auth"] .input,
body[data-airuota-route="auth"] .btn {
  min-height: 44px;
  border-radius: var(--air-radius-control) !important;
  box-shadow: none !important;
}

body[data-airuota-route="auth"] .input {
  border-color: var(--air-line) !important;
  background: var(--air-surface) !important;
}

body[data-airuota-route="auth"] .input:focus {
  border-color: var(--air-green) !important;
  box-shadow: var(--air-focus-ring) !important;
}

body[data-airuota-route="auth"] .btn-primary {
  color: #061c11 !important;
  background: var(--air-green) !important;
}

body[data-airuota-route="auth"] .btn-primary:hover {
  background: #22ca7e !important;
}

body[data-airuota-route="auth"] .btn-secondary {
  color: var(--air-ink) !important;
  border-color: var(--air-line) !important;
  background: var(--air-surface) !important;
}

body[data-airuota-route="auth"] a[class*="text-primary-"] {
  color: var(--air-green-dark) !important;
}

body[data-airuota-route="app"] #app > div.min-h-screen {
  background: var(--air-paper) !important;
}

body[data-airuota-route="app"] .bg-mesh-gradient {
  display: none !important;
}

body[data-airuota-route="app"] .sidebar {
  border-color: var(--air-line) !important;
  background: var(--air-surface) !important;
  box-shadow: none !important;
}

body[data-airuota-route="app"] .sidebar-header {
  border-color: var(--air-line) !important;
}

body[data-airuota-route="app"] .sidebar-logo {
  border-radius: 4px !important;
  box-shadow: none !important;
}

body[data-airuota-route="app"] .sidebar-brand-title {
  color: var(--air-ink) !important;
}

body[data-airuota-route="app"] .sidebar-link {
  border-radius: 4px !important;
  color: var(--air-muted) !important;
}

body[data-airuota-route="app"] .sidebar-link:hover {
  color: var(--air-ink) !important;
  background: var(--air-surface-muted) !important;
}

body[data-airuota-route="app"] .sidebar-link-active {
  color: var(--air-green-dark) !important;
  background: var(--air-green-soft) !important;
  box-shadow: inset 3px 0 0 var(--air-green);
}

body[data-airuota-route="app"] header.glass {
  border-color: var(--air-line) !important;
  background: color-mix(in srgb, var(--air-surface) 94%, transparent) !important;
  box-shadow: none !important;
}

body[data-airuota-route="app"] .card,
body[data-airuota-route="app"] .glass-card,
body[data-airuota-route="app"] .card-glass {
  border-color: var(--air-line) !important;
  border-radius: var(--air-radius-control) !important;
  background: var(--air-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body[data-airuota-route="app"] .btn,
body[data-airuota-route="app"] .input,
body[data-airuota-route="app"] select,
body[data-airuota-route="app"] textarea {
  border-radius: var(--air-radius-control) !important;
}

body[data-airuota-route="app"] .btn-primary {
  color: #061c11 !important;
  background: var(--air-green) !important;
  box-shadow: none !important;
}

body[data-airuota-route="app"] .input:focus,
body[data-airuota-route="app"] select:focus,
body[data-airuota-route="app"] textarea:focus {
  border-color: var(--air-green) !important;
  box-shadow: var(--air-focus-ring) !important;
}

body[data-airuota-route="app"] .dropdown {
  border-color: var(--air-line) !important;
  border-radius: var(--air-radius-control) !important;
  background: var(--air-surface) !important;
  box-shadow: 0 18px 40px rgba(17, 25, 22, 0.12) !important;
}

@media (max-width: 640px) {
  body[data-airuota-route="auth"] #app > div:first-child {
    align-items: flex-start !important;
    padding-top: 32px !important;
  }

  body[data-airuota-route="auth"] .card-glass {
    padding: 24px !important;
  }
}