/* Auto-derived from src/styles/*.css for website reuse */

@charset "utf-8";

/* === Core tokens === */

/* colors.css */
:root {
  /* VSCode Theme Variables Adaptation */
  --vscode-editor-background: #1e1e1e;
  --vscode-editor-foreground: #d4d4d4;
  --vscode-editor-inactiveSelectionBackground: #3a3d41;
  --vscode-editor-selectionBackground: #264f78;
  --vscode-panel-border: #454545;
  --vscode-button-background: #0e639c;
  --vscode-button-hoverBackground: #1177bb;
  --vscode-button-foreground: #ffffff;
  --vscode-button-secondaryBackground: #3a3d41;
  --vscode-button-secondaryHoverBackground: #454845;
  --vscode-button-secondaryForeground: #cccccc;
  --vscode-textLink-foreground: #3794ff;
  --vscode-textLink-activeForeground: #3794ff;
  --vscode-input-background: #3c3c3c;
  --vscode-input-border: #3c3c3c;
  --vscode-input-foreground: #cccccc;
  --vscode-input-placeholderForeground: #aaaaaa;
  --vscode-focusBorder: #007fd4;
  --vscode-descriptionForeground: #858585;
  --vscode-errorForeground: #f48771;
  --vscode-sideBar-foreground: #cccccc;
  --vscode-sideBar-background: #252526;
  --vscode-sideBarSectionHeader-border: #454545;
  --vscode-sideBarTitle-foreground: #bbbbbb;
  --vscode-list-hoverBackground: #2a2d2e;
  --vscode-testing-iconPassed: #89d185;

  /* Primary - 番茄小说红色活力系 */
  --color-primary: #FF4D4F;
  --color-primary-light: #FF7875;
  --color-primary-dark: #E64446;
  --color-primary-50: #FFF1F1;
  --color-primary-100: #FFE5E5;
  --color-primary-200: #FFC6C6;
  --color-primary-300: #FF8F8F;
  --color-primary-400: #FF5E5E;
  --color-primary-500: #FF4D4F;
  --color-primary-600: #E64446;
  --color-primary-700: #CC3B3D;
  --color-primary-800: #B33335;
  --color-primary-900: #992B2C;

  /* Secondary - 番茄小说橙色系 */
  --color-secondary: #FF7A45;
  --color-secondary-light: #FF9D7A;
  --color-secondary-dark: #E56B3A;
  --color-secondary-50: #FFF5F1;
  --color-secondary-100: #FFE8E0;
  --color-secondary-200: #FFCBB8;
  --color-secondary-300: #FF9D7A;
  --color-secondary-400: #FF7A45;
  --color-secondary-500: #FF7A45;
  --color-secondary-600: #E56B3A;
  --color-secondary-700: #CC5C30;
  --color-secondary-800: #B34D26;
  --color-secondary-900: #993E1D;

  /* Functional - 番茄小说风格 */
  --color-success: #52C41A;
  --color-success-light: #73D13D;
  --color-success-dark: #389E0D;
  --color-success-50: #F6FFED;
  --color-success-100: #D9F7BE;
  --color-success-500: #52C41A;
  --color-success-700: #389E0D;

  --color-error: #FF4D4F;
  --color-error-light: #FF7875;
  --color-error-dark: #E64446;
  --color-error-50: #FFF1F1;
  --color-error-100: #FFE5E5;
  --color-error-500: #FF4D4F;
  --color-error-700: #CC3B3D;

  --color-warning: #FFC53D;
  --color-warning-light: #FFD666;
  --color-warning-dark: #E6AD2E;
  --color-warning-50: #FFF9E6;
  --color-warning-100: #FFF2CC;
  --color-warning-500: #FFC53D;
  --color-warning-700: #E6AD2E;

  --color-info: #1890FF;
  --color-info-light: #40A9FF;
  --color-info-dark: #096DD9;
  --color-info-50: #E6F7FF;
  --color-info-100: #BAE7FF;
  --color-info-500: #1890FF;
  --color-info-700: #096DD9;

  /* Text - 番茄小说风格 */
  --text-primary: #262626;
  --text-secondary: #8C8C8C;
  --text-tertiary: #B0B0B0;
  --text-disabled: #D9D9D9;
  --text-inverse: #ffffff;

  /* Background - 番茄小说风格（更深一点） */
  --bg-primary: #EAEAEA;
  --bg-secondary: #E0E0E0;
  --bg-tertiary: #D6D6D6;
  --bg-elevated: #F0F0F0;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  --bg-glass: rgba(255, 255, 255, 0.9);

  /* Border - 番茄小说风格 */
  --border-light: #E8E8E8;
  --border-default: #D9D9D9;
  --border-heavy: #B0B0B0;

  /* Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-glow: 0 0 20px rgba(255, 77, 79, 0.3);

  /* Gradients - 番茄小说风格 */
  --gradient-primary: linear-gradient(135deg, #FF4D4F 0%, #FF7A45 100%);
  --gradient-success: linear-gradient(135deg, #52C41A 0%, #1890FF 100%);
  --gradient-warning: linear-gradient(135deg, #FFC53D 0%, #FF4D4F 100%);
  --gradient-dark: linear-gradient(135deg, #262626 0%, #1A1A1A 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
  --gradient-aurora: linear-gradient(135deg, #FF4D4F 0%, #FF7A45 25%, #FFC53D 50%, #52C41A 75%, #1890FF 100%);
}

/* typography.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=ZCOOL+XiaoWei&display=swap');

:root {
  --font-family-sans: 'Noto Sans SC', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-display: 'ZCOOL XiaoWei', 'PingFang SC', 'Microsoft YaHei', serif;
  --font-family-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco', monospace;
  --font-family-serif: 'Georgia', 'Times New Roman', serif;

  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

  --letter-spacing-tight: -0.025em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.025em;
  --letter-spacing-wider: 0.05em;
  --letter-spacing-widest: 0.1em;
}

/* spacing.css */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --padding-xs: var(--space-1);
  --padding-sm: var(--space-2);
  --padding-md: var(--space-3);
  --padding-lg: var(--space-4);
  --padding-xl: var(--space-5);
  --padding-2xl: var(--space-6);
  --padding-3xl: var(--space-8);
  --padding-4xl: var(--space-10);

  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-full: 9999px;

  --container-lg: 1024px;
  --container-xl: 1280px;

  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* business-colors.css (subset needed by marketing copy) - 番茄小说风格 */
:root {
  --module-creation-primary: #FF4D4F;
  --module-creation-secondary: #FF7A45;
  --module-core-primary: #FF7A45;
  --module-core-secondary: #FFC53D;
  --module-data-primary: #52C41A;
  --module-data-secondary: #73D13D;
  --module-config-primary: #FFC53D;
  --module-config-secondary: #FFD666;
  --module-nav-primary: #1890FF;
  --module-nav-secondary: #40A9FF;
}

/* Website overrides: map text/background to light theme - 番茄小说风格（更深一点） */
:root {
  --site-bg: #EAEAEA;
  --site-panel: #F0F0F0;
  --site-card: #FFFFFF;
  --site-border: #CCCCCC;

  --text-primary: #1A1A1A;
  --text-secondary: #4D4D4D;
  --text-tertiary: #707070;
  --text-disabled: #999999;

  --link: #FF4D4F;
  --link-hover: #FF7875;
}