/* Generated from trem-design-tokens by website/build.mjs. */
:root {
  /* Brand */
  --trem-primary: #3157d5;
  --trem-primaryDark: #243fa8;

  --trem-secondary: #7c4dff;
  --trem-secondaryDark: #6038d6;

  --trem-tertiary: #9b6cff;
  --trem-tertiaryDark: #7548d8;

  --trem-accent: #151b3d;

  /* Semantic */
  --trem-success: #21876e;
  --trem-danger: #d9485f;
  --trem-warning: #c98a24;

  /* Light theme */
  --trem-background: #f6f7fc;
  --trem-surface: #ffffff;
  --trem-surfaceMuted: #edf0fb;
  --trem-surfaceSubtle: #f3f4fb;

  --trem-text: #161a35;
  --trem-textMuted: #60677f;
  --trem-textLight: rgba(22, 26, 53, 0.62);

  --trem-border: rgba(30, 39, 92, 0.11);
  --trem-overlay: rgba(10, 14, 40, 0.56);
  --trem-transparent: transparent;

  /* Dark theme */
  --trem-dark-primary: #7695ff;
  --trem-dark-primaryDark: #5274ee;

  --trem-dark-secondary: #a986ff;
  --trem-dark-secondaryDark: #8660f2;

  --trem-dark-tertiary: #c19cff;
  --trem-dark-tertiaryDark: #986fea;

  --trem-dark-accent: #f4f5ff;

  --trem-dark-success: #55d0ad;
  --trem-dark-danger: #ff7388;
  --trem-dark-warning: #e7b95b;

  --trem-dark-background: #090d20;
  --trem-dark-surface: #11172e;
  --trem-dark-surfaceMuted: #1a2240;
  --trem-dark-surfaceSubtle: #141b35;

  --trem-dark-text: #f5f6ff;
  --trem-dark-textMuted: rgba(235, 238, 255, 0.74);
  --trem-dark-textLight: rgba(235, 238, 255, 0.56);

  --trem-dark-border: rgba(186, 197, 255, 0.12);
  --trem-dark-overlay: rgba(3, 5, 17, 0.8);
  --trem-dark-transparent: transparent;

  /* Radius */
  --trem-radius-none: 0;
  --trem-radius-xs: 6px;
  --trem-radius-sm: 10px;
  --trem-radius-md: 16px;
  --trem-radius-lg: 28px;
  --trem-radius-full: 9999px;
  --trem-radius-circle: 50%;

  /* Shadows */
  --trem-shadow-soft: 0 10px 30px rgba(21, 27, 61, 0.07);
  --trem-shadow-card: 0 24px 60px rgba(21, 27, 61, 0.1);
  --trem-shadow-sm: 0 4px 12px rgba(21, 27, 61, 0.05);
  --trem-shadow-md: 0 8px 22px rgba(21, 27, 61, 0.08);
  --trem-shadow-lg: 0 16px 40px rgba(21, 27, 61, 0.14);

  /* Typography */
  --trem-font-primary:
    "Inter", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --trem-font-secondary:
    "Inter", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}