/* src/styles.css */
html,
body {
  height: 100%;
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  background-color: var(--color-surface-alt);
}
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 24px;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-height {
  min-height: 100vh;
}
:root {
  --color-primary: #3f51b5;
  --color-primary-dark: #303f9f;
  --color-primary-mid: #5c6bc0;
  --color-primary-border: #9fa8da;
  --color-primary-border-light: #c5cae9;
  --color-primary-bg: #e8eaf6;
  --color-action: #7b1fa2;
  --color-action-dark: #6a1b9a;
  --color-action-border: #ce93d8;
  --color-action-bg: #f3e5f5;
  --color-action-bg-hover: #e1bee7;
  --color-action-deep: #4527a0;
  --color-action-deep-bg: #ede7f6;
  --color-success: #2e7d32;
  --color-success-mid: #4caf50;
  --color-success-border: #a5d6a7;
  --color-success-bg: #e8f5e9;
  --color-success-bg-hover: #c8e6c9;
  --color-warning: #e65100;
  --color-warning-mid: #ff9800;
  --color-warning-dark: #bf360c;
  --color-warning-border: #ffcc80;
  --color-warning-border-light: #ffe082;
  --color-warning-bg: #fff3e0;
  --color-warning-bg-hover: #ffe0b2;
  --color-error: #c62828;
  --color-error-mid: #f44336;
  --color-error-bg: #ffebee;
  --color-text: #333;
  --color-text-secondary: #555;
  --color-text-muted: #757575;
  --color-text-faint: #9e9e9e;
  --color-text-disabled: #bdbdbd;
  --color-border: #e0e0e0;
  --color-border-mid: #ccc;
  --color-border-light: #f0f0f0;
  --color-surface: #fff;
  --color-surface-alt: #fafafa;
  --color-surface-hover: #f5f5f5;
  --color-surface-input: #f9f9f9;
}
[data-theme=dark] {
  color-scheme: dark;
  --color-primary: #9fa8da;
  --color-primary-dark: #c5cae9;
  --color-primary-mid: #7986cb;
  --color-primary-border: #3f51b5;
  --color-primary-border-light: #303f9f;
  --color-primary-bg: #1a237e;
  --color-action: #ce93d8;
  --color-action-dark: #e1bee7;
  --color-action-border: #9c27b0;
  --color-action-bg: #4a148c;
  --color-action-bg-hover: #6a1b9a;
  --color-action-deep: #b39ddb;
  --color-action-deep-bg: #311b92;
  --color-success: #a5d6a7;
  --color-success-mid: #66bb6a;
  --color-success-border: #388e3c;
  --color-success-bg: #1b5e20;
  --color-success-bg-hover: #2e7d32;
  --color-warning: #ffb74d;
  --color-warning-mid: #ffa726;
  --color-warning-dark: #ff9800;
  --color-warning-border: #e65100;
  --color-warning-border-light: #bf360c;
  --color-warning-bg: #3e2723;
  --color-warning-bg-hover: #4e342e;
  --color-error: #ef9a9a;
  --color-error-mid: #e57373;
  --color-error-bg: #b71c1c;
  --color-text: #e0e0e0;
  --color-text-secondary: #b0bec5;
  --color-text-muted: #90a4ae;
  --color-text-faint: #78909c;
  --color-text-disabled: #546e7a;
  --color-border: #37474f;
  --color-border-mid: #2e3b45;
  --color-border-light: #263238;
  --color-surface: #1e1e1e;
  --color-surface-alt: #121212;
  --color-surface-hover: #2a2a2a;
  --color-surface-input: #252525;
}
[data-theme=dark] select,
[data-theme=dark] input,
[data-theme=dark] textarea {
  color: var(--color-text);
  background-color: var(--color-surface-input);
  border-color: var(--color-border);
}

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