/*
 * Iris Design System - CSS Design Tokens
 * 现代 SaaS / 科技类产品设计语言
 * https://github.com/your-name/iris-design-system
 */

:root {
  /* ========================================
     COLOR PALETTE - 颜色系统
     ======================================== */

  /* Primary - 品牌蓝 (核心色) */
  --iris-primary-50: #ecf5ff;
  --iris-primary-100: #f3f9ff;
  --iris-primary-200: #5ba4fc;
  --iris-primary-300: #1c87fd;
  --iris-primary-400: #0b80fe;
  --iris-primary-500: #0175ff; /* 主品牌色 */
  --iris-primary-600: #0070f9;
  --iris-primary-700: #0065dd;
  --iris-primary-800: #004bcc;
  --iris-primary-900: #0022ca;

  /* Primary Hover/Active States */
  --iris-primary-hover: #107bf5;
  --iris-primary-active: #216ed8;
  --iris-primary-dark: #1d64c0;
  --iris-primary-darker: #225a9c;

  /* Neutral - 中性色 */
  --iris-neutral-0: #ffffff;
  --iris-neutral-50: #f5f7fa;
  --iris-neutral-100: #f3f9ff;
  --iris-neutral-120: #f2f3f5; /* 导航 hover 背景 */
  --iris-neutral-150: #e9ebef;
  --iris-neutral-160: #e8e9ed; /* 分割线/边框 */
  --iris-neutral-200: #e4e7ed;
  --iris-neutral-300: #dcdfe6;
  --iris-neutral-400: #c0c4cc;
  --iris-neutral-500: #9a9eab;
  --iris-neutral-550: #444546; /* 导航文字 */
  --iris-neutral-600: #909399;
  --iris-neutral-700: #616369;
  --iris-neutral-800: #303133;
  --iris-neutral-900: #222429;
  --iris-neutral-950: #1f2126;
  --iris-neutral-1000: #141414;

  /* Accent - 强调色 (橙色渐变系列，用于 CTA / 促销) */
  --iris-accent-orange-light: #ffb55f;
  --iris-accent-orange: #ff961c;
  --iris-accent-orange-dark: #ff771c;
  --iris-accent-red-light: #ff905d;
  --iris-accent-red: #fc5e51;
  --iris-accent-amber: #fb6b28;

  /* Functional - 功能色 */
  --iris-success: #67c23a;
  --iris-warning: #e6a23c;
  --iris-danger: #f56c6c;
  --iris-info: #909399;
  --iris-link: #0065dd;
  --iris-link-hover: #0070f9;

  /* ========================================
     GRADIENTS - 渐变系统
     ======================================== */

  /* 主品牌渐变 - 蓝色系 */
  --iris-gradient-primary: linear-gradient(125.78deg, #1161ff 2.42%, #42a5fb 97.56%);
  --iris-gradient-primary-deep: linear-gradient(90.54deg, #0175ff 0.47%, #0022ca 41.46%);
  --iris-gradient-primary-bar: linear-gradient(90deg, #0175ff 43.33%, rgba(1, 117, 255, 0) 100%);

  /* 背景渐变 */
  --iris-gradient-bg-light: linear-gradient(180deg, #f3f9ff, #fff);
  --iris-gradient-bg-cool: linear-gradient(180deg, #f8f9fa, #dde7ef);
  --iris-gradient-bg-soft: linear-gradient(130.39deg, #fefeff 2.43%, #eef4ff 93.78%);
  --iris-gradient-bg-side: linear-gradient(270deg, #fff, #f0fbff 100%);
  --iris-gradient-bg-section: linear-gradient(90deg, #f7fbff, #eaeff5);

  /* CTA / 促销渐变 - 橙红系 */
  --iris-gradient-cta: linear-gradient(334.89deg, #fc5e51 25.74%, #ff905d 88.5%);
  --iris-gradient-cta-orange: linear-gradient(97.95deg, #ffb55f 4.31%, #fb6b28 94.74%);
  --iris-gradient-cta-warm: linear-gradient(270deg, #ff8c3e, #ffa43e 105.88%);

  /* ========================================
     TYPOGRAPHY - 字体系统
     ======================================== */

  --iris-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --iris-font-family-medium: "PingFangSC-Medium", "PingFang SC", sans-serif;
  --iris-font-family-semibold: "PingFangSC-Semibold", "PingFang SC", sans-serif;
  --iris-font-family-source: "SourceHanSansCN-Medium", "SourceHanSansCN", sans-serif;

  /* Font Sizes */
  --iris-text-xs: 12px;
  --iris-text-sm: 13px;
  --iris-text-base: 14px;
  --iris-text-md: 15px;
  --iris-text-lg: 16px;
  --iris-text-xl: 18px;
  --iris-text-2xl: 20px;
  --iris-text-3xl: 24px;
  --iris-text-4xl: 32px;
  --iris-text-5xl: 38px;
  --iris-text-6xl: 42px;
  --iris-text-7xl: 48px;
  --iris-text-8xl: 50px;

  /* Font Weights */
  --iris-font-regular: 400;
  --iris-font-medium: 500;
  --iris-font-semibold: 600;
  --iris-font-bold: 700;

  /* Line Heights */
  --iris-leading-tight: 1.17;
  --iris-leading-normal: 1.5;
  --iris-leading-sm: 20px;
  --iris-leading-md: 38px;
  --iris-leading-lg: 40px;
  --iris-leading-xl: 48px;
  --iris-leading-2xl: 52px;
  --iris-leading-3xl: 56px;
  --iris-leading-4xl: 60px;
  --iris-leading-5xl: 84px;

  /* ========================================
     SPACING - 间距系统
     ======================================== */

  --iris-space-1: 4px;
  --iris-space-2: 8px;
  --iris-space-3: 12px;
  --iris-space-4: 16px;
  --iris-space-5: 20px;
  --iris-space-6: 24px;
  --iris-space-8: 32px;
  --iris-space-10: 40px;
  --iris-space-12: 48px;
  --iris-space-14: 56px;
  --iris-space-16: 64px;
  --iris-space-17: 68px;

  /* ========================================
     LAYOUT - 布局系统
     ======================================== */

  --iris-container-sm: 1000px;
  --iris-container-md: 1144px;
  --iris-container-lg: 1200px;
  --iris-container-xl: 1440px;

  /* ========================================
     BORDER RADIUS - 圆角系统
     ======================================== */

  --iris-radius-xs: 2px;
  --iris-radius-sm: 3px;
  --iris-radius-base: 4px;   /* 最常用 */
  --iris-radius-md: 6px;
  --iris-radius-lg: 8px;
  --iris-radius-xl: 10px;
  --iris-radius-2xl: 12px;   /* 卡片常用 */
  --iris-radius-3xl: 14px;
  --iris-radius-4xl: 16px;
  --iris-radius-pill: 30px;
  --iris-radius-circle: 50%;

  /* ========================================
     SHADOWS - 阴影系统
     ======================================== */

  /* 轻量阴影 - 卡片悬浮 */
  --iris-shadow-xs: 0 2px 3px 0 rgba(0, 0, 0, 0.051);
  --iris-shadow-sm: 0 2px 11px 0 rgba(0, 0, 0, 0.08);
  --iris-shadow-md: 0 5px 15px 0 rgba(0, 0, 0, 0.051);
  --iris-shadow-lg: 0 10px 26px rgba(21, 18, 53, 0.18);
  --iris-shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.2);

  /* 导航/头部阴影 */
  --iris-shadow-header: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  --iris-shadow-dropdown: 0 14px 24px -4px rgba(31, 35, 41, 0.12);

  /* 品牌色阴影 - 按钮/CTA */
  --iris-shadow-primary: 0 4px 14px 0 rgba(0, 123, 255, 0.3);
  --iris-shadow-primary-none: 0 0 0 0 rgba(0, 123, 255, 0);
  --iris-shadow-btn: 0 5px 15px 0 rgba(0, 0, 0, 0.051);

  /* 卡片阴影 */
  --iris-shadow-card: 0 10px 20px 0 rgba(0, 0, 0, 0.1), inset 2px 3px 3px 0 rgba(255, 255, 255, 0.4);
  --iris-shadow-card-hover: 0 14px 20px 0 rgba(0, 19, 86, 0.102), 0 3px 10px 0 rgba(0, 5, 48, 0.051);
  --iris-shadow-card-float: 0 20px 30px 0 rgba(82, 97, 156, 0.039), 0 0 0 1px rgba(0, 0, 0, 0.102);

  /* 弹窗/浮层阴影 */
  --iris-shadow-popup: 0 4px 40px rgba(29, 33, 40, 0.12), 0 0 0 1px rgba(29, 33, 40, 0.1);
  --iris-shadow-dropdown: 0 0 0 0.5px rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.1);

  /* ========================================
     TRANSITIONS - 动效系统
     ======================================== */

  --iris-transition-fast: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  --iris-transition-base: all 0.3s ease;
  --iris-transition-smooth: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  --iris-transition-bg: background 0.5s;
  --iris-transition-opacity: opacity 0.3s;
  --iris-transition-opacity-slow: opacity 0.5s;
  --iris-transition-transform: transform 0.3s;
  --iris-transition-spring: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  --iris-transition-material: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}