:root {
  --saos-platform-name: "StudioAirOS";
  --sf-primary: #2563eb;
  --sf-accent: #8b5cf6;
  --sf-secondary: #06b6d4;
  --sf-gradient-cta: linear-gradient(135deg,#2563eb,#8b5cf6,#f97316);
  --saos-hero-gradient: linear-gradient(135deg,#2563eb,#8b5cf6,#f97316);
  --saos-primary-button-bg: #2563eb;
  --saos-primary-button-text: #ffffff;
  --saos-secondary-button-bg: #f1f5f9;
  --saos-secondary-button-text: #0f172a;
  --saos-hero-secondary-bg: #334155;
  --saos-hero-secondary-text: #ffffff;
  --saos-light-logo-url: url('/platform-identity/logo/light');
  --saos-dark-logo-url: url('/platform-identity/logo/dark');
  --saos-square-logo-url: url('/platform-identity/logo/square');
}
html[data-theme="dark"] {
  --saos-primary-button-bg: #3b82f6;
  --saos-primary-button-text: #ffffff;
  --saos-secondary-button-bg: #1e293b;
  --saos-secondary-button-text: #ffffff;
  --saos-hero-secondary-bg: #1e293b;
  --saos-hero-secondary-text: #ffffff;
}
.sf-gradient-action,
.btn-primary {
  background: var(--sf-gradient-cta) !important;
  color: var(--saos-primary-button-text) !important;
}
.sf-btn:not(.sf-gradient-action):not(.btn-primary) {
  background: var(--saos-secondary-button-bg);
  color: var(--saos-secondary-button-text);
}