/* src/styles.scss */
:root,
[data-theme=modern] {
  --bg: #f8fafc;
  --bg-secondary: #f1f5f9;
  --surface: #ffffff;
  --text: #0f172a;
  --text-secondary: #475569;
  --muted: #64748b;
  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --border: #e2e8f0;
  --success: #22c55e;
  --error: #ef4444;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --radius: 8px;
  --radius-lg: 12px;
}
[data-theme=purple-light] {
  --bg: #faf5ff;
  --bg-secondary: #f3e8ff;
  --surface: #ffffff;
  --text: #1e1b4b;
  --text-secondary: #4c1d95;
  --muted: #7c3aed;
  --accent: #a855f7;
  --accent-hover: #9333ea;
  --border: #e9d5ff;
  --success: #22c55e;
  --error: #ef4444;
  --shadow: 0 1px 3px rgba(147, 51, 234, 0.1), 0 1px 2px rgba(147, 51, 234, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, 0.1), 0 4px 6px -2px rgba(147, 51, 234, 0.05);
  --radius: 8px;
  --radius-lg: 12px;
}
[data-theme=purple-dark] {
  --bg: #0f0a1a;
  --bg-secondary: #150f24;
  --surface: #1a1028;
  --text: #f1f5f9;
  --text-secondary: #cbd5e1;
  --muted: #a78bfa;
  --accent: #a855f7;
  --accent-hover: #9333ea;
  --border: #2e1065;
  --success: #4ade80;
  --error: #f87171;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  --radius: 8px;
  --radius-lg: 12px;
}
:root .hljs,
[data-theme=modern] .hljs {
  color: #24292e;
  background: transparent;
}
:root .hljs-doctag,
:root .hljs-keyword,
:root .hljs-meta .hljs-keyword,
:root .hljs-template-tag,
:root .hljs-template-variable,
:root .hljs-type,
:root .hljs-variable.language_,
[data-theme=modern] .hljs-doctag,
[data-theme=modern] .hljs-keyword,
[data-theme=modern] .hljs-meta .hljs-keyword,
[data-theme=modern] .hljs-template-tag,
[data-theme=modern] .hljs-template-variable,
[data-theme=modern] .hljs-type,
[data-theme=modern] .hljs-variable.language_ {
  color: #d73a49;
}
:root .hljs-title,
:root .hljs-title.class_,
:root .hljs-title.class_.inherited__,
:root .hljs-title.function_,
[data-theme=modern] .hljs-title,
[data-theme=modern] .hljs-title.class_,
[data-theme=modern] .hljs-title.class_.inherited__,
[data-theme=modern] .hljs-title.function_ {
  color: #6f42c1;
}
:root .hljs-attr,
:root .hljs-attribute,
:root .hljs-literal,
:root .hljs-meta,
:root .hljs-number,
:root .hljs-operator,
:root .hljs-selector-attr,
:root .hljs-selector-class,
:root .hljs-selector-id,
:root .hljs-variable,
[data-theme=modern] .hljs-attr,
[data-theme=modern] .hljs-attribute,
[data-theme=modern] .hljs-literal,
[data-theme=modern] .hljs-meta,
[data-theme=modern] .hljs-number,
[data-theme=modern] .hljs-operator,
[data-theme=modern] .hljs-selector-attr,
[data-theme=modern] .hljs-selector-class,
[data-theme=modern] .hljs-selector-id,
[data-theme=modern] .hljs-variable {
  color: #005cc5;
}
:root .hljs-string,
:root .hljs-meta .hljs-string,
:root .hljs-regexp,
[data-theme=modern] .hljs-string,
[data-theme=modern] .hljs-meta .hljs-string,
[data-theme=modern] .hljs-regexp {
  color: #032f62;
}
:root .hljs-built_in,
:root .hljs-symbol,
[data-theme=modern] .hljs-built_in,
[data-theme=modern] .hljs-symbol {
  color: #e36209;
}
:root .hljs-code,
:root .hljs-comment,
:root .hljs-formula,
[data-theme=modern] .hljs-code,
[data-theme=modern] .hljs-comment,
[data-theme=modern] .hljs-formula {
  color: #6a737d;
}
:root .hljs-name,
:root .hljs-quote,
:root .hljs-selector-pseudo,
:root .hljs-selector-tag,
[data-theme=modern] .hljs-name,
[data-theme=modern] .hljs-quote,
[data-theme=modern] .hljs-selector-pseudo,
[data-theme=modern] .hljs-selector-tag {
  color: #22863a;
}
:root .hljs-subst,
[data-theme=modern] .hljs-subst {
  color: #24292e;
}
:root .hljs-section,
[data-theme=modern] .hljs-section {
  color: #005cc5;
  font-weight: bold;
}
:root .hljs-bullet,
[data-theme=modern] .hljs-bullet {
  color: #735c0f;
}
:root .hljs-emphasis,
[data-theme=modern] .hljs-emphasis {
  color: #24292e;
  font-style: italic;
}
:root .hljs-strong,
[data-theme=modern] .hljs-strong {
  color: #24292e;
  font-weight: bold;
}
:root .hljs-addition,
[data-theme=modern] .hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}
:root .hljs-deletion,
[data-theme=modern] .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}
[data-theme=purple-light] .hljs {
  color: #1e1b4b;
  background: transparent;
}
[data-theme=purple-light] .hljs-doctag,
[data-theme=purple-light] .hljs-keyword,
[data-theme=purple-light] .hljs-meta .hljs-keyword,
[data-theme=purple-light] .hljs-template-tag,
[data-theme=purple-light] .hljs-template-variable,
[data-theme=purple-light] .hljs-type,
[data-theme=purple-light] .hljs-variable.language_ {
  color: #9333ea;
}
[data-theme=purple-light] .hljs-title,
[data-theme=purple-light] .hljs-title.class_,
[data-theme=purple-light] .hljs-title.class_.inherited__,
[data-theme=purple-light] .hljs-title.function_ {
  color: #7c3aed;
}
[data-theme=purple-light] .hljs-attr,
[data-theme=purple-light] .hljs-attribute,
[data-theme=purple-light] .hljs-literal,
[data-theme=purple-light] .hljs-meta,
[data-theme=purple-light] .hljs-number,
[data-theme=purple-light] .hljs-operator,
[data-theme=purple-light] .hljs-selector-attr,
[data-theme=purple-light] .hljs-selector-class,
[data-theme=purple-light] .hljs-selector-id,
[data-theme=purple-light] .hljs-variable {
  color: #6d28d9;
}
[data-theme=purple-light] .hljs-string,
[data-theme=purple-light] .hljs-meta .hljs-string,
[data-theme=purple-light] .hljs-regexp {
  color: #4c1d95;
}
[data-theme=purple-light] .hljs-built_in,
[data-theme=purple-light] .hljs-symbol {
  color: #c026d3;
}
[data-theme=purple-light] .hljs-code,
[data-theme=purple-light] .hljs-comment,
[data-theme=purple-light] .hljs-formula {
  color: #a78bfa;
}
[data-theme=purple-light] .hljs-name,
[data-theme=purple-light] .hljs-quote,
[data-theme=purple-light] .hljs-selector-pseudo,
[data-theme=purple-light] .hljs-selector-tag {
  color: #059669;
}
[data-theme=purple-light] .hljs-subst {
  color: #1e1b4b;
}
[data-theme=purple-light] .hljs-section {
  color: #7c3aed;
  font-weight: bold;
}
[data-theme=purple-light] .hljs-bullet {
  color: #a855f7;
}
[data-theme=purple-light] .hljs-emphasis {
  color: #1e1b4b;
  font-style: italic;
}
[data-theme=purple-light] .hljs-strong {
  color: #1e1b4b;
  font-weight: bold;
}
[data-theme=purple-light] .hljs-addition {
  color: #059669;
  background-color: #ecfdf5;
}
[data-theme=purple-light] .hljs-deletion {
  color: #dc2626;
  background-color: #fef2f2;
}
[data-theme=purple-dark] .hljs {
  color: #c9d1d9;
  background: transparent;
}
[data-theme=purple-dark] .hljs-doctag,
[data-theme=purple-dark] .hljs-keyword,
[data-theme=purple-dark] .hljs-meta .hljs-keyword,
[data-theme=purple-dark] .hljs-template-tag,
[data-theme=purple-dark] .hljs-template-variable,
[data-theme=purple-dark] .hljs-type,
[data-theme=purple-dark] .hljs-variable.language_ {
  color: #ff7b72;
}
[data-theme=purple-dark] .hljs-title,
[data-theme=purple-dark] .hljs-title.class_,
[data-theme=purple-dark] .hljs-title.class_.inherited__,
[data-theme=purple-dark] .hljs-title.function_ {
  color: #d2a8ff;
}
[data-theme=purple-dark] .hljs-attr,
[data-theme=purple-dark] .hljs-attribute,
[data-theme=purple-dark] .hljs-literal,
[data-theme=purple-dark] .hljs-meta,
[data-theme=purple-dark] .hljs-number,
[data-theme=purple-dark] .hljs-operator,
[data-theme=purple-dark] .hljs-selector-attr,
[data-theme=purple-dark] .hljs-selector-class,
[data-theme=purple-dark] .hljs-selector-id,
[data-theme=purple-dark] .hljs-variable {
  color: #79c0ff;
}
[data-theme=purple-dark] .hljs-string,
[data-theme=purple-dark] .hljs-meta .hljs-string,
[data-theme=purple-dark] .hljs-regexp {
  color: #a5d6ff;
}
[data-theme=purple-dark] .hljs-built_in,
[data-theme=purple-dark] .hljs-symbol {
  color: #ffa657;
}
[data-theme=purple-dark] .hljs-code,
[data-theme=purple-dark] .hljs-comment,
[data-theme=purple-dark] .hljs-formula {
  color: #8b949e;
}
[data-theme=purple-dark] .hljs-name,
[data-theme=purple-dark] .hljs-quote,
[data-theme=purple-dark] .hljs-selector-pseudo,
[data-theme=purple-dark] .hljs-selector-tag {
  color: #7ee787;
}
[data-theme=purple-dark] .hljs-subst {
  color: #c9d1d9;
}
[data-theme=purple-dark] .hljs-section {
  color: #1f6feb;
  font-weight: bold;
}
[data-theme=purple-dark] .hljs-bullet {
  color: #f2cc60;
}
[data-theme=purple-dark] .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
[data-theme=purple-dark] .hljs-strong {
  color: #c9d1d9;
  font-weight: bold;
}
[data-theme=purple-dark] .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
[data-theme=purple-dark] .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: var(--bg);
  color: var(--text);
  min-height: 100vh;
  transition: background-color 0.2s ease, color 0.2s ease;
}
a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover {
  color: var(--accent-hover);
}
button {
  font-family: inherit;
  cursor: pointer;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--radius);
  border: none;
  transition: all 0.15s ease;
}
.btn-primary {
  background-color: var(--accent);
  color: white;
}
.btn-primary:hover {
  background-color: var(--accent-hover);
}
.btn-secondary {
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}
.btn-secondary:hover {
  background-color: var(--bg-secondary);
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.card {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.input {
  width: 100%;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.input::placeholder {
  color: var(--muted);
}
textarea.input {
  resize: vertical;
  min-height: 120px;
  font-family:
    "Fira Code",
    "Consolas",
    monospace;
}
.label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 0.375rem;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */