@import "tailwindcss";

@theme {
  /* Stitch Solar Design System Colors */
  --color-background: #0d1419;
  --color-surface: #0d1419;
  --color-surface-dim: #0d1419;
  --color-surface-container-lowest: #080f13;
  --color-surface-container-low: #161c21;
  --color-surface-container: #1a2025;
  --color-surface-container-high: #242b30;
  --color-surface-container-highest: #2f363b;
  --color-surface-bright: #333a3f;
  --color-surface-variant: #2f363b;
  --color-surface-tint: #adc7ff;
  --color-primary: #adc7ff;
  --color-primary-container: #1a73e8;
  --color-primary-fixed: #d8e2ff;
  --color-primary-fixed-dim: #adc7ff;
  --color-on-primary: #002e68;
  --color-on-primary-container: #ffffff;
  --color-on-primary-fixed: #001a41;
  --color-on-primary-fixed-variant: #004493;
  --color-secondary: #ffb77b;
  --color-secondary-container: #fb8c00;
  --color-secondary-fixed: #ffdcc2;
  --color-secondary-fixed-dim: #ffb77b;
  --color-on-secondary: #4c2700;
  --color-on-secondary-container: #5f3200;
  --color-on-secondary-fixed: #2e1500;
  --color-on-secondary-fixed-variant: #6d3a00;
  --color-tertiary: #a0d82c;
  --color-tertiary-container: #5c8200;
  --color-tertiary-fixed: #baf549;
  --color-tertiary-fixed-dim: #a0d82c;
  --color-on-tertiary: #243600;
  --color-on-tertiary-container: #ffffff;
  --color-on-tertiary-fixed: #131f00;
  --color-on-tertiary-fixed-variant: #364e00;
  --color-on-surface: #dce3ea;
  --color-on-surface-variant: #c1c6d6;
  --color-on-background: #dce3ea;
  --color-outline: #8b909f;
  --color-outline-variant: #414754;
  --color-error: #ffb4ab;
  --color-error-container: #93000a;
  --color-on-error: #690005;
  --color-on-error-container: #ffdad6;
  --color-inverse-surface: #dce3ea;
  --color-inverse-on-surface: #2a3136;
  --color-inverse-primary: #005bc0;

  /* Font families */
  --font-headline: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-label: 'Inter', sans-serif;
}

button { cursor: pointer; }
button:disabled { cursor: not-allowed; }

@keyframes shimmer {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(400%); }
}

:root {
  --background: #0d1419;
  --card: #161c21;
  --border: #414754;
  --primary: #adc7ff;
  --secondary: #fb8c00;
  --success: #a0d82c;
  --warning: #ffb77b;
  --error: #ffb4ab;
  --foreground: #dce3ea;
  --muted: #c1c6d6;
}

* {
  border-color: var(--border);
}

body {
  background-color: #0d1419;
  color: #dce3ea;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d1419; }
::-webkit-scrollbar-thumb { background: #414754; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #adc7ff; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }