/*
 * Sproutly repository-local token snapshot.
 * Source: ziyou_group/design-system/tokens.css
 * Source package: ziyou-group-foundations 0.1.0, approved 2026-08-30.
 * Snapshot boundary: copied into this repository so S1 has no parent-directory runtime dependency.
 * Do not edit as a new authority; reconcile intentional changes through the group design process.
 */

:root {
  --foundation-color-canvas: #eef3ea;
  --foundation-color-surface: #ffffff;
  --foundation-color-surface-subtle: #f5f8f2;
  --foundation-color-ink: #17362d;
  --foundation-color-ink-muted: #4d685f;
  --foundation-color-divider: #c8d7cf;
  --foundation-color-action: #16694f;
  --foundation-color-focus: #075de8;
  --foundation-color-success: #18754f;
  --foundation-color-warning: #865400;
  --foundation-color-danger: #aa2931;
  --foundation-font-family-interface: "Segoe UI", system-ui, sans-serif;
  --foundation-font-size-body: 1rem;
  --foundation-line-height-body: 1.5;
  --foundation-space-1: 4px;
  --foundation-space-2: 8px;
  --foundation-space-3: 12px;
  --foundation-space-4: 16px;
  --foundation-space-5: 24px;
  --foundation-space-6: 32px;
  --foundation-space-7: 48px;
  --foundation-radius-control: 12px;
  --foundation-radius-panel: 16px;
  --foundation-radius-stage: 24px;
  --foundation-elevation-raised: 0 14px 34px rgba(23, 54, 45, 0.13);
  --foundation-elevation-float: 0 22px 54px rgba(16, 42, 36, 0.22);
  --foundation-focus-ring-width: 3px;
  --foundation-focus-ring-style: solid;
  --foundation-focus-ring-color: var(--foundation-color-focus);
  --foundation-focus-ring-offset: 3px;
  --foundation-focus-ring: var(--foundation-focus-ring-width) var(--foundation-focus-ring-style) var(--foundation-focus-ring-color);
  --foundation-motion-fast: 140ms;
  --foundation-motion-base: 240ms;
  --foundation-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-product-theme="sproutly"] {
  --sproutly-color-field: #102a24;
  --sproutly-color-leaf: #209767;
  --sproutly-color-leaf-deep: #14573f;
  --sproutly-color-growth: #d8ef72;
  --sproutly-color-attention: #ffd45f;
  --sproutly-color-pause: #d8eff2;
  --sproutly-color-retry: #ff826f;
  --sproutly-font-family-kid: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
  --surface-color-canvas: var(--foundation-color-canvas);
  --surface-color-surface: var(--foundation-color-surface);
  --surface-color-ink: var(--foundation-color-ink);
  --surface-color-ink-muted: var(--foundation-color-ink-muted);
}

[data-product-theme="sproutly"][data-surface-mode="kid"] {
  --surface-font-family: var(--sproutly-font-family-kid);
  --surface-color-action: var(--sproutly-color-growth);
  --surface-target-min: 56px;
  --surface-radius-control: 16px;
}

[data-product-theme="sproutly"][data-surface-mode="parent"] {
  --surface-font-family: var(--foundation-font-family-interface);
  --surface-color-action: var(--foundation-color-action);
  --surface-target-min: 44px;
  --surface-radius-control: var(--foundation-radius-control);
}

[data-contrast="more"] {
  --foundation-color-canvas: #ffffff;
  --foundation-color-surface: #ffffff;
  --foundation-color-surface-subtle: #ffffff;
  --foundation-color-ink: #08120f;
  --foundation-color-ink-muted: #213b33;
  --foundation-color-divider: #51655e;
  --foundation-color-action: #004d37;
}

[data-contrast="more"][data-product-theme="sproutly"],
[data-contrast="more"] [data-product-theme="sproutly"] {
  --sproutly-color-field: #071d17;
  --sproutly-color-leaf: #007849;
  --sproutly-color-leaf-deep: #003f2e;
  --sproutly-color-growth: #e7ff61;
  --sproutly-color-attention: #ffca36;
  --sproutly-color-pause: #c8f4ff;
  --sproutly-color-retry: #ff5a48;
}

[data-motion="reduced"] {
  --foundation-motion-fast: 0ms;
  --foundation-motion-base: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --foundation-motion-fast: 0ms;
    --foundation-motion-base: 0ms;
  }
}