/* Sketchland design tokens.
 *
 * Single source of truth for colours, radii, spacing, fonts. Every
 * tenant-facing stylesheet must consume these variables — no raw hex,
 * px, or font-family literals. Swapping a brand colour or a font family
 * is a one-line edit here.
 *
 * Token names mirror the Figma source (5PW0pqLaYGHxAg1aHglN9N) where
 * possible. Component-level decisions live in tenant.css / world.css /
 * auth.css / modal.css. */

:root {
  /* Brand & accent */
  --c-primary:        #4F5BD5;
  --c-primary-hover:  #4049B8;
  --c-primary-soft:   #EEEFFE;
  --c-primary-on:     #FFFFFF;

  /* Surfaces */
  --c-bg:             #F7F7F7;
  --c-card:           #FFFFFF;
  --c-surface-muted:  #F9F9FB;
  --c-border:         #E8E8EC;
  --c-border-strong:  #D8DADF;

  /* Text */
  --c-text:           #0C0D0E;
  --c-text-secondary: #4B5563;
  --c-text-hint:      #6B7280;
  --c-text-on-primary:#FFFFFF;

  /* Status */
  --c-ok:             #10B981;
  --c-ok-soft:        #ECFDF5;
  --c-err:            #DC2626;
  --c-err-soft:       #FEF0F0;
  --c-err-border:     #FECACA;
  --c-warn:           #F59E0B;
  --c-warn-soft:      #FEF3C7;

  /* Radii */
  --radius-card:      16px;
  --radius-button:    12px;
  --radius-input:     12px;
  --radius-pill:      100px;
  --radius-chip:      10px;

  /* Shadows */
  --shadow-card:      0 1px 2px rgba(12, 13, 14, 0.04);
  --shadow-pop:       0 8px 24px rgba(12, 13, 14, 0.10);
  --shadow-fab:       0 8px 24px rgba(79, 91, 213, 0.35);

  /* Typography. Fredoka — brand wordmark. UI text uses SF Pro Rounded
   * on Apple devices; on other platforms Inter (loaded via CDN by the
   * layout) is the closest visual match. Change --font-ui below to
   * swap UI font globally. */
  --font-brand:       "Fredoka", -apple-system, system-ui, sans-serif;
  /* Nunito — rounded sans loaded from Google Fonts in base layouts. */
  --font-ui:          "Nunito", -apple-system, "Segoe UI", system-ui, sans-serif;

  --fs-display:       20px;
  --fs-h2:            13px;
  --fs-h3:            13px;
  /* Имя мира в карточке экрана (Figma: 16/700, tracking 0.01em). */
  --fs-lead:          16px;
  --fs-body:          12px;
  --fs-ui:            12px;
  --fs-meta:          10px;

  --fw-regular:       400;
  --fw-medium:        500;
  --fw-semibold:      600;
  --fw-bold:          700;

  /* Layout */
  --size-sidebar:     176px;
  --size-topbar:      54px;
  --gutter:           20px;
  --gap-card:         16px;
}