/* AvoAgent · Design tokens
 * Avocado Forest 配色方案
 *
 * ! 修改任意值时同步更新 inc/design-tokens.php，否则 PHP 端读到旧值
 */

:root {
  /* === Brand · Avocado Forest =================================== */
  --avo-brand:         #4A7C59;
  --avo-brand-strong:  #3A6347;
  --avo-brand-soft:    #E8F0E2;
  --avo-brand-tint:    #F4F8F0;
  --avo-accent-gold:   #C8A560;

  /* === Surface ================================================== */
  --avo-bg:            #FAFAF5;
  --avo-surface:       #FFFFFF;
  --avo-surface-alt:   #F4F4EE;

  /* === Text ===================================================== */
  --avo-text:          #1A2B23;
  --avo-text-muted:    #5C6B62;
  --avo-text-subtle:   #8C9A91;
  --avo-text-inverse:  #FFFFFF;

  /* === Border / Shadow ========================================== */
  --avo-border:        #E5E7E0;
  --avo-border-strong: #CFD4CB;
  --avo-shadow-sm: 0 1px 2px rgba(26, 43, 35, .04);
  --avo-shadow:    0 4px 12px rgba(26, 43, 35, .06), 0 1px 3px rgba(26, 43, 35, .04);
  --avo-shadow-lg: 0 12px 32px rgba(26, 43, 35, .10), 0 4px 8px rgba(26, 43, 35, .06);

  /* === Status =================================================== */
  --avo-success: #4A7C59;
  --avo-warning: #C8A560;
  --avo-danger:  #B8453F;
  --avo-info:    #4A7787;

  /* === Typography =============================================== */
  --avo-font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --avo-font-mono: 'DM Mono', ui-monospace, 'JetBrains Mono', monospace;

  --avo-fs-xs:    12px;
  --avo-fs-sm:    13px;
  --avo-fs-base:  15px;
  --avo-fs-md:    16px;
  --avo-fs-lg:    18px;
  --avo-fs-xl:    24px;
  --avo-fs-2xl:   32px;
  --avo-fs-3xl:   42px;
  --avo-fs-4xl:   54px;

  --avo-fw-body:  500;
  --avo-fw-medium:500;
  --avo-fw-semi:  600;
  --avo-fw-bold:  700;

  --avo-tracking-tight:  -0.5px;
  --avo-tracking-normal: -0.3px;
  --avo-tracking-mono:   -0.2px;

  --avo-lh-tight:  1.15;
  --avo-lh-normal: 1.55;
  --avo-lh-loose:  1.7;

  /* === Radius =================================================== */
  --avo-r-sm: 6px;
  --avo-r-md: 10px;
  --avo-r-lg: 14px;
  --avo-r-xl: 20px;

  /* === Spacing 8pt grid ========================================= */
  --avo-s-1: 4px;
  --avo-s-2: 8px;
  --avo-s-3: 12px;
  --avo-s-4: 16px;
  --avo-s-5: 20px;
  --avo-s-6: 24px;
  --avo-s-8: 32px;
  --avo-s-10:40px;
  --avo-s-12:48px;
  --avo-s-16:64px;
  --avo-s-20:80px;

  /* === Layout =================================================== */
  --avo-container:     1200px;
  --avo-container-sm:  860px;
  --avo-header-h:      64px;

  /* === Animation ================================================ */
  --avo-ease:      cubic-bezier(.4,0,.2,1);
  --avo-duration:  150ms;
}
