/* Дизайн-токены AREA MOSA.
   Единственное место, где заданы цвета, типографика, радиусы, отступы и тени.
   Компоненты обращаются только к переменным: перекрасить панель — правка здесь,
   а не поиск по всем файлам. */

:root {
  /* --- цвет: поверхности ------------------------------------------------ */
  --c-bg:            #F8F4ED;   /* тёплый молочный фон приложения */
  --c-surface:       #FFFEFB;   /* карточки и панели */
  --c-surface-2:     #FBF7F0;   /* вложенные блоки, шапки таблиц */
  --c-surface-sunk:  #F2ECE2;   /* «утопленные» области: поля ввода, полосы */
  --c-sidebar:       #2A2521;   /* тёмная навигация — якорь композиции */
  --c-sidebar-2:     #342E28;

  /* --- цвет: текст ------------------------------------------------------ */
  --c-ink:           #28231F;   /* тёплый графит вместо чистого чёрного */
  --c-ink-2:         #7A7067;   /* вторичный текст и подписи */
  --c-ink-3:         #A79C91;   /* третичный: плейсхолдеры, метки осей */
  --c-on-dark:       #F6F1E9;
  --c-on-dark-2:     rgba(246, 241, 233, .58);

  /* --- цвет: акценты ---------------------------------------------------- */
  --c-accent:        #D97855;   /* терракота — главное действие */
  --c-accent-strong: #C4643F;
  --c-accent-soft:   rgba(217, 120, 85, .12);
  --c-accent-line:   rgba(217, 120, 85, .32);
  --c-sand:          #E8D8C5;   /* песочный: разделители, нейтральные метки */

  /* --- цвет: состояния -------------------------------------------------- */
  --c-ok:            #4F8A68;
  --c-ok-soft:       rgba(79, 138, 104, .13);
  --c-warn:          #C68A36;
  --c-warn-soft:     rgba(198, 138, 54, .14);
  --c-err:           #C95D50;
  --c-err-soft:      rgba(201, 93, 80, .13);
  --c-info:          #6E7FA8;
  --c-info-soft:     rgba(110, 127, 168, .13);

  /* --- линии ------------------------------------------------------------ */
  --c-line:          rgba(40, 35, 31, .10);
  --c-line-strong:   rgba(40, 35, 31, .18);
  --c-line-dark:     rgba(246, 241, 233, .12);

  /* --- типографика ------------------------------------------------------ */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;

  --fs-display: 30px;   /* заголовок раздела */
  --fs-h2:      21px;
  --fs-h3:      15px;
  --fs-body:    14px;
  --fs-sm:      13px;
  --fs-xs:      11.5px;
  --fs-label:   11px;   /* прописные подписи полей */

  --lh-tight: 1.25;
  --lh-body:  1.6;
  --ls-label: .08em;

  /* --- сетка и отступы --------------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  --sidebar-w: 252px;
  --topbar-h: 64px;
  --content-max: 1320px;
  /* Минимальная область нажатия — требование доступности, а не вкусовщина. */
  --tap: 40px;

  /* --- радиусы ----------------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* --- тени: тёплые, без синевы ------------------------------------------ */
  --sh-xs: 0 1px 2px rgba(40, 35, 31, .05);
  --sh-sm: 0 2px 8px rgba(40, 35, 31, .06);
  --sh-md: 0 8px 24px rgba(40, 35, 31, .10);
  --sh-lg: 0 20px 48px rgba(40, 35, 31, .16);
  --sh-xl: 0 32px 72px rgba(40, 35, 31, .22);
  --sh-focus: 0 0 0 3px rgba(217, 120, 85, .32);

  /* --- движение ----------------------------------------------------------- */
  --ease: cubic-bezier(.22, .9, .28, 1);
  --t-fast: 150ms;
  --t-base: 200ms;
  --t-slow: 250ms;

  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 80;
}

/* Пользователь попросил меньше движения — уважаем это, а не «почти уважаем». */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}