/*
 * Vieunite interface foundation
 *
 * Shared, buildless design tokens for Collection, Picker, CMS, developer docs,
 * and account surfaces. Product styles keep ownership of layout; this file
 * keeps colour, material, type, motion, and accessibility decisions aligned.
 */

:root {
  color-scheme: light;
  --vie-paper: #ffffff;
  --vie-canvas: #f2f2ef;
  --vie-surface: #f7f7f3;
  --vie-surface-strong: #e9e9e4;
  --vie-ink: #0d1010;
  --vie-muted: #626866;
  --vie-quiet: #8a908e;
  --vie-line: rgb(13 16 16 / 14%);
  --vie-line-strong: rgb(13 16 16 / 28%);
  --vie-accent: #0e487a;
  --vie-accent-deep: #093657;
  --vie-accent-soft: #e7eff5;
  --vie-success: #176a45;
  --vie-warning: #875a12;
  --vie-danger: #9c3d38;
  --vie-frost: rgb(255 255 255 / 82%);
  --vie-frost-heavy: rgb(247 247 243 / 90%);
  --vie-focus: rgb(14 72 122 / 28%);
  --vie-shadow-float: 0 18px 54px rgb(11 22 22 / 14%);
  --vie-shadow-sheet: 0 28px 90px rgb(11 22 22 / 20%);
  --vie-radius-control: 0.75rem;
  --vie-radius-panel: 1.25rem;
  --vie-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --vie-ease-standard: cubic-bezier(0.2, 0.72, 0.24, 1);
  --vie-press-scale: 0.975;
  --vie-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --vie-font-brand: proxima-nova, "Helvetica Neue", Arial, sans-serif;
  --vie-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

html {
  font-optical-sizing: auto;
  font-kerning: normal;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:where(button, a, summary, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

:where(button, [role="button"], summary, select) {
  touch-action: manipulation;
}

:where(button, [role="button"], summary, a):focus-visible {
  outline-color: var(--vie-focus);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --vie-frost: #ffffff;
    --vie-frost-heavy: #f7f7f3;
    --vie-shadow-float: 0 12px 32px rgb(11 22 22 / 13%);
    --vie-shadow-sheet: 0 18px 54px rgb(11 22 22 / 18%);
  }
}

@media (prefers-contrast: more) {
  :root {
    --vie-muted: #3f4443;
    --vie-quiet: #555b59;
    --vie-line: rgb(13 16 16 / 36%);
    --vie-line-strong: rgb(13 16 16 / 64%);
    --vie-focus: rgb(14 72 122 / 68%);
  }
}