/* Optional brand-specific overrides for SynTraverse Playground */

/* Glass panel effect used on cards and panels */
.glass {
  backdrop-filter: saturate(140%) blur(8px);
  background: rgba(124, 195, 192, 0.08);
}

/* Circular progress ring gradient */
.ring-grad {
  background: conic-gradient(#7CC3C0 var(--pct, 0%), rgba(255, 255, 255, 0.12) 0);
}

/* Large rounded corners used throughout the UI */
.rounded-mega {
  border-radius: 2rem;
}

/* Brand colours defined as CSS variables for easy reuse */
:root {
  --brand-bg: #001715;
  --brand-card: #07211E;
  --brand-teal: #7CC3C0;
  --brand-teal-dark: #65aead;
  --brand-white: #ffffff;
}