/**
 * Tent default product tokens.
 *
 * A quiet light workbench: neutral chrome, white Canvas, ink controls and
 * grayscale interaction contrast. These are product roles, not a theme menu.
 */

:root {
  color-scheme: light;

  --tn-color-app-bg: #ededf0;
  --tn-color-stage-bg: #f1f1f3;
  --tn-color-panel-bg: #f7f7f8;
  --tn-color-chrome-bg: #f3f3f4;
  --tn-color-elevated-bg: #ffffff;
  --tn-color-sunken-bg: #e5e5e8;
  --tn-color-card-bg: #ffffff;
  --tn-color-overlay: rgba(24, 25, 28, 0.16);

  --tn-color-text-primary: #202124;
  --tn-color-text-secondary: #5e6067;
  --tn-color-text-faint: #6c6e75;
  --tn-color-text-on-accent: #ffffff;
  --tn-color-border: #d8d9dd;
  --tn-color-border-strong: #aeb0b7;
  --tn-color-hover: #e9e9ec;
  --tn-color-selected: #e5e7eb;
  --tn-color-selected-strong: #d8dbe1;
  --tn-color-accent: #4b4d52;
  --tn-color-accent-soft: #e7e7e9;
  --tn-color-focus: #3f4146;

  --tn-color-action-bg: #252624;
  --tn-color-action-text: #faf9f6;
  --tn-color-action-hover: #3c3c38;

  --tn-color-success: #35715a;
  --tn-color-success-soft: #e0ece4;
  --tn-color-warning: #8a5b24;
  --tn-color-warning-soft: #f3e7ce;
  --tn-color-warning-border: #d7b879;
  --tn-color-danger: #aa413a;
  --tn-color-danger-soft: #f3deda;
  --tn-color-danger-border: #d79b95;
  --tn-color-info: #516f8d;
  --tn-color-info-soft: #e1e8ee;
  --tn-color-pending: #706b63;
  --tn-color-ghost: #87847e;
  --tn-color-running: #516f8d;
  --tn-color-node-goal: #686a71;
  --tn-color-node-prompt: #85878e;
  --tn-color-node-output: #a2a4aa;

  --tn-layout-outline-width: 252px;
  --tn-layout-rail-width: 52px;
  --tn-layout-focus-min: 320px;
  --tn-layout-stage-min: 480px;
  --tn-splitter-size: 6px;

  --tn-space-1: 4px;
  --tn-space-2: 8px;
  --tn-space-3: 12px;
  --tn-space-4: 16px;
  --tn-space-5: 24px;
  --tn-space-6: 32px;

  --tn-size-icon: 28px;
  --tn-size-control: 30px;
  --tn-size-control-compact: 26px;
  --tn-radius-sm: 4px;
  --tn-radius-md: 6px;
  --tn-radius-lg: 8px;
  --tn-shadow-float: 0 10px 28px rgba(24, 25, 28, 0.12);
  --tn-shadow-card: 0 1px 2px rgba(24, 25, 28, 0.08);

  --tn-font-ui: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --tn-font-body: var(--tn-font-ui);
  --tn-font-mono: "Cascadia Code", ui-monospace, Consolas, monospace;
  --tn-font-ui-base: 13px;
  --tn-font-ui-small: 12px;
  --tn-font-ui-tiny: 11px;
  --tn-font-weight-ui: 500;
  --tn-font-weight-strong: 650;
  --tn-focus-ring: 2px solid var(--tn-color-focus);
  --tn-focus-ring-offset: 2px;
  --tn-control-disabled-opacity: 0.46;

  --tn-motion-duration-fast: 120ms;
  --tn-motion-duration-standard: 160ms;
  --tn-motion-duration-progress: 640ms;
  --tn-motion-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tn-motion-ease-linear: linear;
  --tn-motion-distance-sm: 4px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tn-motion-duration-fast: 0ms;
    --tn-motion-duration-standard: 0ms;
    --tn-motion-duration-progress: 0ms;
    --tn-motion-distance-sm: 0px;
  }

  *, *::before, *::after {
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0ms !important;
  }
}
