/* Тема linen: светлая тёплая «бумага» - кремовый фон, графитовый текст, глубокий изумрудный основной цвет,
   крупные скругления и мягкие тёплые тени. Состав токенов - docs/THEMES.md «Токены». */
:root {
  /* цвета: основной - изумруд, белый текст на нём 6.4:1 (WCAG AA - от 4.5:1) */
  --color-primary: #1f6b52;
  --color-primary-light: #8fc2ad;
  --color-primary-tint: #e5f0e9;
  --color-text: #2a2926;
  --color-text-secondary: #5f5a51;
  --color-text-muted: #756e63;
  --color-border: #e5dbcb;
  --color-surface: #fffcf6;
  --color-surface-alt: #f3ebde;
  --color-page-grad-top: #efe5d3;
  --color-page-grad-mid: #f6efe3;
  --color-hover-bg: #f8f1e5;
  --color-table-head: #faf4ea;
  --color-help-bg: #f1e7d6;
  --color-danger: #b0402d;
  --color-danger-strong: #9a3424;

  /* метки состояния: пары фон и текст */
  --status-running-bg: #e0efe4;
  --status-running-text: #22603d;
  --status-stopped-bg: #f7e1db;
  --status-stopped-text: #943325;
  --status-building-bg: #f9ecd2;
  --status-building-text: #835410;
  --status-info-bg: #e6edf2;
  --status-info-text: #2e5670;
  --status-paid-active-bg: #dcece2;
  --status-paid-active-text: #1b5e47;
  --status-pending-warning-bg: #fcf2da;
  --status-pending-warning-text: #77500f;
  --status-pending-warning-border: #e8c987;

  /* метки серверов */
  --tag-blue-bg: #e4ecf4;
  --tag-blue-text: #2c5576;

  /* шрифты: только системные стеки; заголовки с засечками - свой токен --font-serif (static/css/linen.css) */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --font-size-2xs: 11px;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 21px;
  --font-size-3xl: 30px;
  --line-height-normal: 1.55;
  --letter-spacing-heading: -0.2px;
  --letter-spacing-caps-label: 0.7px;
  --letter-spacing-caps-small: 0.5px;

  /* скругления: крупнее строгой консоли */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* отступы по возрастанию */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;

  /* тени: мягкие, тёплого оттенка */
  --shadow-header: 0 1px 0 rgba(84, 62, 32, 0.08), 0 8px 20px -14px rgba(84, 62, 32, 0.28);
  --shadow-card: 0 1px 3px rgba(84, 62, 32, 0.06), 0 12px 28px -16px rgba(84, 62, 32, 0.24);
  --shadow-card-raised: 0 4px 12px rgba(84, 62, 32, 0.06), 0 24px 56px -22px rgba(84, 62, 32, 0.36);
  --shadow-content: 0 1px 3px rgba(84, 62, 32, 0.05), 0 18px 44px -26px rgba(84, 62, 32, 0.30);
  --shadow-button-primary: 0 2px 6px -1px rgba(31, 107, 82, 0.35);
  --shadow-focus-ring: 0 0 0 4px rgba(31, 107, 82, 0.16);

  /* прочее */
  --field-padding-x: 14px;
  --layout-max-width: 1320px;
  --motion-ease: 0.18s ease-out;
  --z-sticky-header: 50;
}