/**
 * Linear design tokens — scoped to .wr-page only.
 * Source: src/themes/linear/DESIGN.md + assets/tokens.json
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.wr-page {
  color-scheme: dark;

  /* Brand */
  --wr-ln-primary: #5e6ad2;
  --wr-ln-primary-hover: #828fff;
  --wr-ln-primary-focus: #5e69d1;
  --wr-ln-on-primary: #ffffff;
  --wr-ln-brand-secure: #7a7fad;

  /* Surfaces */
  --wr-ln-canvas: #010102;
  --wr-ln-surface-1: #0f1011;
  --wr-ln-surface-2: #141516;
  --wr-ln-surface-3: #18191a;
  --wr-ln-surface-4: #191a1b;

  /* Ink — bumped for readability on dark surfaces */
  --wr-ln-ink: #f7f8f8;
  --wr-ln-ink-muted: #dce1e8;
  --wr-ln-ink-subtle: #adb3bf;
  --wr-ln-ink-tertiary: #7a808c;

  /* Hairlines — slightly stronger separation */
  --wr-ln-hairline: #2c2f36;
  --wr-ln-hairline-strong: #3f434c;
  --wr-ln-hairline-tertiary: #4a4e58;

  /* Semantic */
  --wr-ln-success: #3ecf5f;
  --wr-ln-warning: #f0b45a;
  --wr-ln-error: #ff7b82;
  --wr-ln-icon: #9499e8;
  --wr-ln-icon-active: #a8afff;

  /* Radius */
  --wr-ln-radius-xs: 4px;
  --wr-ln-radius-sm: 6px;
  --wr-ln-radius-md: 8px;
  --wr-ln-radius-lg: 12px;
  --wr-ln-radius-xl: 16px;
  --wr-ln-radius-pill: 9999px;

  /* Typography */
  --wr-ln-font: Inter, -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --wr-ln-font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --wr-ln-font-size-base: 14px;

  /* Component aliases (weekly report) */
  --wr-ln-font-family: var(--wr-ln-font);
  --wr-ln-color-primary: var(--wr-ln-primary);
  --wr-ln-color-primary-hover: var(--wr-ln-primary-hover);
  --wr-ln-color-primary-light: rgba(94, 106, 210, 0.2);
  --wr-ln-color-primary-border: rgba(130, 143, 255, 0.45);
  --wr-ln-color-primary-shadow: rgba(94, 106, 210, 0.45);
  --wr-ln-color-text: var(--wr-ln-ink);
  --wr-ln-color-text-muted: var(--wr-ln-ink-subtle);
  --wr-ln-color-text-secondary: var(--wr-ln-ink-muted);
  --wr-ln-color-icon: var(--wr-ln-icon);
  --wr-ln-color-icon-active: var(--wr-ln-icon-active);
  --wr-ln-color-bg-page: var(--wr-ln-canvas);
  --wr-ln-color-bg-card: var(--wr-ln-surface-1);
  --wr-ln-color-bg-muted: var(--wr-ln-surface-2);
  --wr-ln-color-bg-hover: var(--wr-ln-surface-3);
  --wr-ln-color-bg-page-alt: var(--wr-ln-surface-2);
  --wr-ln-color-border: var(--wr-ln-hairline);
  --wr-ln-color-border-light: var(--wr-ln-hairline);
  --wr-ln-color-border-strong: var(--wr-ln-hairline-strong);
  --wr-ln-color-success: var(--wr-ln-success);
  --wr-ln-color-success-bg: rgba(62, 207, 95, 0.18);
  --wr-ln-color-success-text: #84eb9a;
  --wr-ln-color-warning: var(--wr-ln-warning);
  --wr-ln-color-error: var(--wr-ln-error);
  --wr-ln-color-error-bg: rgba(255, 99, 105, 0.14);
  --wr-ln-color-error-border: rgba(255, 99, 105, 0.35);
  --wr-ln-color-info: var(--wr-ln-primary);
}
