/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      /**
       * Палитра сайта pptaxi.ru — снята с ЖИВОГО сайта (переменные --s-* в его
       * инлайн-CSS), а не из локального чекаута: тот отстал на редизайн и
       * предлагал тёмно-синюю тему, которой на сайте давно нет.
       *
       * Имена — роли, а не краски: «canvas» останется фоном страницы, даже если
       * однажды перестанет быть светлым.
       */
      colors: {
        canvas: "#EEF1F5",       // --s-bg — фон страницы
        "canvas-soft": "#F5F7FA", // --s-bg-soft — подложка под блоками
        surface: "#FFFFFF",      // --s-paper — карточки, поля ввода
        line: "#DDE3EC",         // --s-line — границы и разделители
        "line-soft": "#E5EAF1",
        ink: "#0F172A",          // --s-ink — основной текст
        "ink-soft": "#475569",   // --s-ink-soft — вторичный текст
        muted: "#94A3B8",        // --s-ink-mute — подписи
        accent: "#DC2626",       // --s-accent — фирменный красный, кнопка действия
        "accent-press": "#B91C1C",
        "accent-soft": "#FEF2F2",
        warn: "#D97706",         // --s-warn
        // Деньги: приход зелёным (--s-ok), долг — фирменным красным. Свой оттенок
        // тут заводить не стали: у долга и главного действия один цвет намеренно,
        // это то, ради чего экран открывают.
        pos: "#059669",
        neg: "#DC2626",
      },
      fontFamily: { sans: ["Inter", "system-ui", "sans-serif"] },
      borderRadius: { xl2: "12px" },  // --s-radius-md
    },
  },
  plugins: [],
};