/* AIWonder Website V1 — Brand Tokens
   Derived from AIWonder ICON 透明lastest.png
   Page styles must only reference variables from this file or copied design-system tokens.
*/

:root {
  --aiwonder-color-teal: #70B080;
  --aiwonder-color-lime: #A0B050;
  --aiwonder-color-amber: #D0B030;
  --aiwonder-color-orange: #E08038;
  --aiwonder-color-magenta: #D04060;

  --aiwonder-bg-900: #07111F;
  --aiwonder-bg-800: #0A1830;
  --aiwonder-bg-700: #102446;
  --aiwonder-surface: rgba(12, 22, 42, 0.86);
  --aiwonder-surface-strong: rgba(9, 18, 34, 0.94);
  --aiwonder-surface-soft: rgba(255, 255, 255, 0.05);
  --aiwonder-border: rgba(255, 255, 255, 0.12);
  --aiwonder-border-strong: rgba(255, 255, 255, 0.18);
  --aiwonder-text: #F3F7FF;
  --aiwonder-text-secondary: #A8B6D4;
  --aiwonder-text-muted: #7E90B2;

  --aiwonder-gradient-brand: linear-gradient(
    135deg,
    var(--aiwonder-color-teal) 0%,
    var(--aiwonder-color-lime) 22%,
    var(--aiwonder-color-amber) 46%,
    var(--aiwonder-color-orange) 72%,
    var(--aiwonder-color-magenta) 100%
  );

  --aiwonder-gradient-bg: linear-gradient(
    180deg,
    var(--aiwonder-bg-900) 0%,
    var(--aiwonder-bg-800) 48%,
    #091626 100%
  );

  --aiwonder-gradient-radial-a: radial-gradient(circle at top left, rgba(112, 176, 128, 0.2), transparent 26%);
  --aiwonder-gradient-radial-b: radial-gradient(circle at 80% 16%, rgba(224, 128, 56, 0.18), transparent 24%);
  --aiwonder-gradient-radial-c: radial-gradient(circle at 78% 82%, rgba(208, 64, 96, 0.18), transparent 24%);

  --font-heading: "Sora", "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "DM Sans", "Source Sans 3", "PingFang SC", "Microsoft YaHei", sans-serif;

  --shadow-brand-xl: 0 34px 90px rgba(0, 0, 0, 0.42);
  --shadow-brand-lg: 0 20px 50px rgba(0, 0, 0, 0.30);
}