/* TaskDay design tokens — source: Figma c9o6NCtB9gKUzMfrnn3ZPa
   («✅ 01 · Дизайн-система»: collection "TaskDay", mode Light; text styles;
   mixed corners measured from DS components). Do not edit values by hand —
   update Figma first. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/manrope-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/manrope-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/manrope-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/manrope-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/manrope-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/manrope-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/manrope-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/manrope-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/static/fonts/manrope-800-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/static/fonts/manrope-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---------- color (Figma variables color/*) ---------- */
  --td-color-text-primary: #1f2633;
  --td-color-text-heading: #1f2938;
  --td-color-text-secondary: #6e788a;
  --td-color-text-on-accent: #ffffff;
  --td-color-text-sidebar: #d1dbeb;
  --td-color-bg-workspace: #f4f2f8;
  --td-color-bg-surface: #ffffff;
  --td-color-bg-subtle: #f6f7f9;
  --td-color-bg-sidebar: #1b2133;
  --td-color-bg-sidebar-selected: #29364d;
  --td-color-border-default: #e3e8f0;
  --td-color-border-toggle-off: #c4d1e5;
  --td-color-accent: #3d63eb;
  --td-color-accent-subtle: #e8f0ff;
  --td-color-success: #1f9466;
  --td-color-success-subtle: #e3f7ed;
  --td-color-warning: #d17a1f;
  --td-color-warning-subtle: #fff2de;
  --td-color-daily: #7857d1;
  --td-color-daily-subtle: #f2edff;
  --td-color-danger: #c93b3b;
  --td-color-danger-subtle: #fdecec;

  /* ---------- spacing (space/*) ---------- */
  --td-space-4: 4px;
  --td-space-8: 8px;
  --td-space-12: 12px;
  --td-space-16: 16px;
  --td-space-18: 18px;
  --td-space-20: 20px;

  /* ---------- radius (radius/*) ---------- */
  --td-radius-chip: 8px;
  --td-radius-button: 10px;
  --td-radius-tile: 12px;
  --td-radius-card-side: 16px;
  --td-radius-segment: 18px;
  --td-radius-modal: 18px;
  --td-radius-card-main: 20px;
  --td-radius-toast: 22px;
  --td-radius-cta: 24px;
  --td-radius-pill: 999px;

  /* ---------- mixed corners: one sharp side, one rounded side ----------
     order: top-left top-right bottom-right bottom-left (CSS border-radius) */
  --td-corner-button-left: 10px 0 0 10px;      /* Button Side=left */
  --td-corner-button-right: 0 10px 10px 0;     /* Button Side=right */
  --td-corner-tile-left: 12px 0 0 12px;        /* Card list, Input/Search */
  --td-corner-tile-right: 0 12px 12px 0;
  --td-corner-card-side-right: 0 16px 16px 0;  /* Card side-right, Surface */
  --td-corner-card-diag: 16px 0 16px 0;        /* Daily sidebar card */
  --td-corner-segment-first: 18px 0 0 18px;    /* Segmented first */
  --td-corner-segment-last: 0 18px 18px 0;     /* Segmented last */
  --td-corner-card-main-left: 20px 0 0 20px;   /* Card main-left, Nav item */
  --td-corner-nav-selected: 20px 0 20px 0;     /* Selected nav */
  --td-corner-toast: 22px 0 0 22px;
  --td-corner-cta: 24px 0 0 24px;              /* Plan button */
  --td-corner-workspace: 34px 0 0 34px;        /* Workspace surface overlap */
  --td-corner-chip-diag: 8px 0 8px 0;          /* Badge/Chip tones */
  --td-corner-chip-left: 8px 0 0 8px;
  --td-corner-chip-tail-bl: 8px 0 8px 8px;     /* Chip variants */
  --td-corner-chip-tail-br: 8px 8px 8px 0;
  --td-corner-dialog-top: 9px 9px 0 0;         /* Confirm / Cancel */
  --td-corner-progress: 4px 0 0 4px;           /* Progress track/fill */
  --td-corner-rail: 0 2px 2px 0;               /* Task active rail */

  /* ---------- icon sizes (icon/size/*) ---------- */
  --td-icon-12: 12px;
  --td-icon-16: 16px;
  --td-icon-20: 20px;
  --td-icon-24: 24px;
  --td-icon-32: 32px;
  --td-icon-48: 48px;

  /* ---------- typography (Figma text styles, Manrope, line-height auto) ---------- */
  --td-font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-sans: var(--td-font-sans);
  --td-fw-regular: 400;
  --td-fw-medium: 500;
  --td-fw-semibold: 600;
  --td-fw-bold: 700;
  --td-fw-extrabold: 800;
  --td-fs-caption: 12px;    /* Подпись/12 Regular|SemiBold */
  --td-fs-body: 14px;       /* Текст/14 Regular|SemiBold */
  --td-fs-body-lg: 15px;    /* Текст/15 Medium */
  --td-fs-subtitle: 18px;   /* Подзаголовок/18 SemiBold */
  --td-fs-title: 24px;      /* Заголовок/24 Bold */
  --td-fs-display: 28px;    /* Заголовок/28 Bold */
  --td-lh-auto: normal;
}

html, body { font-family: var(--td-font-sans); }

/* ===== stage 3 additions (values from Figma components) ===== */
:root {
  --td-color-check-border: #b0bfd4;   /* Task check / Step check State=empty */
  --td-color-check-done: #336ee8;     /* Task check State=done */
  --td-color-check-add-bg: #ebf2fa;   /* Task check State=add */
  --td-shadow-toast: 0 8px 24px rgb(31 38 51 / 0.12);   /* Toast drop shadow */
  --td-shadow-sheet: 0 -8px 24px rgb(27 33 51 / 0.20);  /* Bottom sheet (M03) */
  --td-corner-sheet: 24px 0 0 0;      /* Bottom sheet */
  --td-corner-tile-diag: 12px 0 12px 0; /* Sheet action tiles */
}

/* ===== stage 4 additions: shell (Figma 01A desktop, M01 mobile) ===== */
:root {
  --td-sidebar-w: 288px;                    /* 01A: Gemini concept sidebar */
  --td-sidebar-overlap: 12px;               /* workspace surface starts at x=276 */
  --td-color-realm-selected: #38475c;       /* 01A: Selected Work */
  --td-color-realm-life: #18ad5f;           /* 01A Жизнь: Selected Life */
  --td-color-nav-count-muted: #404f69;      /* 01A: Nav count circle (inactive) */
  --td-color-profile-avatar: #d1d6de;       /* 01A: Profile avatar */
  --td-color-profile-sub: #adbdd1;          /* 01A: Profile plan */
  --td-tabbar-h: 56px;                      /* M01: Tabs · 56 */
  --td-tabbar-bulge: 41px;                  /* M01: bulge height above bar */
  --td-tabbar-fab: 60px;                    /* M01: Centre add · round */
  --td-content-pad-bottom: 57px;            /* Правила мобайла: контент над выпуклостью */
  --td-shadow-tabbar: 0 -4px 16px rgb(27 33 51 / 0.10);
  --td-shadow-fab: 0 6px 16px rgb(61 99 235 / 0.28);
}