/* Srebro design tokens. Breakpoint reference: 420px / 767px / 991px. */
:root {
  /* Brand palette */
  --srebro-color-graphite: #252b30;
  --srebro-color-silver: #adb5bd;
  --srebro-color-silver-deep: #7e8b93;
  --srebro-color-porcelain: #f4f6f7;
  --srebro-color-mist: #e1e6e9;
  --srebro-color-steel: #5e7484;
  --srebro-color-ink: #30383d;
  --srebro-color-muted: #69747b;
  --srebro-color-line: #dfe4e7;
  --srebro-color-border: #d9dfe2;
  --srebro-color-white: #fff;
  --srebro-color-focus: #315c77;
  --srebro-color-success: #426b50;
  --srebro-color-success-soft: #e9f0ec;
  --srebro-color-warning: #8b6840;
  --srebro-color-warning-soft: #f1f2f3;
  --srebro-color-price-sale: #9b4d4d;
  --srebro-color-rose: #a54c5b;
  --srebro-color-rose-soft: #8b5a62;
  --srebro-color-gold: #c19e65;
  --srebro-color-gold-deep: #76633e;
  --srebro-color-gold-border: #d7c9a5;
  --srebro-color-gray-50: #f7f9fa;
  --srebro-color-gray-100: #f5f6f7;
  --srebro-color-gray-150: #f6f7f8;
  --srebro-color-gray-200: #edf0f1;
  --srebro-color-gray-300: #e1e5e7;
  --srebro-color-gray-400: #c9d0d4;
  --srebro-color-gray-500: #929da3;
  --srebro-color-gray-600: #717c82;
  --srebro-color-gray-700: #58636a;
  --srebro-color-gray-800: #4f5a60;
  --srebro-color-hero: #e9ebec;
  --srebro-color-mark: #c2cbd0;
  --srebro-color-mark-light: #d4dade;
  --srebro-color-utility-text: #e7ebed;
  --srebro-color-utility-note: #cbd2d6;
  --srebro-color-utility-link: #f2f4f5;
  --srebro-color-search-line: #9ca6ac;
  --srebro-color-icon-line: #aab3b8;
  --srebro-color-mark-accent: #7f93a0;
  --srebro-color-divider-strong: #8e9aa1;
  --srebro-color-footer-note: #748087;
  --srebro-color-rose-border: #b97983;
  --srebro-color-input-line: #d7dde0;
  --srebro-overlay-hero-86: rgba(244, 246, 247, .86);
  --srebro-overlay-hero-90: rgba(244, 246, 247, .9);
  --srebro-overlay-hero-68: rgba(244, 246, 247, .68);
  --srebro-overlay-hero-57: rgba(244, 246, 247, .57);
  --srebro-overlay-hero-12: rgba(244, 246, 247, .12);
  --srebro-overlay-white-94: rgba(255, 255, 255, .94);
  --srebro-overlay-white-96: rgba(255, 255, 255, .96);
  --srebro-shadow-menu: 0 12px 26px rgba(37, 43, 48, .07);
  --srebro-shadow-popover: 0 6px 18px rgba(37, 43, 48, .10);
  --srebro-shadow-hero-caption: 0 1px 4px rgba(37, 43, 48, .5);
  --srebro-focus-shadow: 0 0 0 3px rgba(49, 92, 119, .18);
  /* Typography */
  --srebro-font-body: 'PT Sans', Arial, sans-serif;
  --srebro-font-display: 'Forum', Georgia, serif;
  --srebro-text-xs: 11px;
  --srebro-text-sm: 12px;
  --srebro-text-md: 14px;
  --srebro-text-base: 16px;
  --srebro-text-lg: 18px;
  --srebro-text-xl: 24px;
  --srebro-text-price: 30px;
  --srebro-line-tight: 1.16;
  --srebro-line-base: 1.55;
  --srebro-line-copy: 1.65;
  /* Spacing and layout */
  --srebro-space-0: 0;
  --srebro-space-1: 4px;
  --srebro-space-2: 8px;
  --srebro-space-3: 12px;
  --srebro-space-4: 16px;
  --srebro-space-5: 24px;
  --srebro-space-6: 32px;
  --srebro-space-7: 48px;
  --srebro-space-8: 64px;
  --srebro-container-width: 1280px;
  --srebro-control-height: 42px;
  --srebro-header-icon-size: 44px;
  /* Geometry */
  --srebro-border-width: 1px;
  --srebro-radius-control: 6px;
  --srebro-radius-card: 10px;
  --srebro-radius-surface: 14px;
  --srebro-radius-pill: 999px;
  --srebro-radius-circle: 50%;
  /* Motion and stacking */
  --srebro-duration-fast: 160ms;
  --srebro-duration-standard: 240ms;
  --srebro-ease-standard: ease;
  --srebro-z-dropdown: 20;
  --srebro-z-sticky: 40;
  --srebro-z-popover: 60;
}