/* src/styles/theme.css */
:root {
  --light-bg-primary: #ffffff;
  --light-bg-secondary: #f8f9fa;
  --light-bg-tertiary: #e9ecef;
  --light-text-primary: #212529;
  --light-text-secondary: #6c757d;
  --light-text-muted: #adb5bd;
  --light-border: #dee2e6;
  --light-border-dark: #adb5bd;
  --light-accent: #0095f6;
  --light-accent-hover: #0081d6;
  --light-error: #dc3545;
  --light-success: #28a745;
  --light-warning: #ffc107;
  --light-shadow: rgba(0, 0, 0, 0.1);
  --light-shadow-dark: rgba(0, 0, 0, 0.2);
  --dark-bg-primary: #000000;
  --dark-bg-secondary: #1a1a1a;
  --dark-bg-tertiary: #2a2a2a;
  --dark-text-primary: #ffffff;
  --dark-text-secondary: #8e8e8e;
  --dark-text-muted: #666666;
  --dark-border: #333333;
  --dark-border-light: #444444;
  --dark-accent: #0095f6;
  --dark-accent-hover: #0081d6;
  --dark-error: #ff6b6b;
  --dark-success: #51cf66;
  --dark-warning: #ffd43b;
  --dark-shadow: rgba(0, 0, 0, 0.3);
  --dark-shadow-light: rgba(255, 255, 255, 0.1);
  --bg-primary: var(--dark-bg-primary);
  --bg-secondary: var(--dark-bg-secondary);
  --bg-tertiary: var(--dark-bg-tertiary);
  --text-primary: var(--dark-text-primary);
  --text-secondary: var(--dark-text-secondary);
  --text-muted: var(--dark-text-muted);
  --border: var(--dark-border);
  --border-light: var(--dark-border-light);
  --accent: var(--dark-accent);
  --accent-hover: var(--dark-accent-hover);
  --error: var(--dark-error);
  --success: var(--dark-success);
  --warning: var(--dark-warning);
  --shadow: var(--dark-shadow);
  --shadow-light: var(--dark-shadow-light);
}
.light-theme {
  --bg-primary: var(--light-bg-primary);
  --bg-secondary: var(--light-bg-secondary);
  --bg-tertiary: var(--light-bg-tertiary);
  --text-primary: var(--light-text-primary);
  --text-secondary: var(--light-text-secondary);
  --text-muted: var(--light-text-muted);
  --border: var(--light-border);
  --border-light: var(--light-border-dark);
  --accent: var(--light-accent);
  --accent-hover: var(--light-accent-hover);
  --error: var(--light-error);
  --success: var(--light-success);
  --warning: var(--light-warning);
  --shadow: var(--light-shadow);
  --shadow-light: var(--light-shadow-dark);
}
.dark-theme {
  --bg-primary: var(--dark-bg-primary);
  --bg-secondary: var(--dark-bg-secondary);
  --bg-tertiary: var(--dark-bg-tertiary);
  --text-primary: var(--dark-text-primary);
  --text-secondary: var(--dark-text-secondary);
  --text-muted: var(--dark-text-muted);
  --border: var(--dark-border);
  --border-light: var(--dark-border-light);
  --accent: var(--dark-accent);
  --accent-hover: var(--dark-accent-hover);
  --error: var(--dark-error);
  --success: var(--dark-success);
  --warning: var(--dark-warning);
  --shadow: var(--dark-shadow);
  --shadow-light: var(--dark-shadow-light);
}
* {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

/* src/styles.scss */
body {
  background: var(--bg-primary);
  color: var(--text-primary);
}
.insta-layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.stories-bar {
  display: flex;
  gap: 12px;
  padding: 10px 12px;
  overflow-x: auto;
  background: var(--bg-primary);
}
.story-item {
  width: 64px;
  flex: 0 0 auto;
  text-align: center;
  color: var(--text-primary);
}
.story-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid var(--border);
  overflow: hidden;
  margin: 0 auto 6px auto;
}
.story-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.story-name {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.insta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: var(--bg-primary);
  padding: 2px;
}
.grid-item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--bg-primary);
}
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--bg-primary);
}

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