import {config} from "dotenv"
import daisyui from "daisyui"
import daisyTheme from "daisyui/theme"
import themes from "daisyui/theme/object"

config({path: ".env.local"})
config({path: ".env"})

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{html,js,svelte,ts}"],
  darkMode: ["selector", '[data-theme="dark"]'],
  safelist: ["bg-success", "bg-warning", "w-4 h-4"],
  theme: {
    extend: {},
    zIndex: {
      none: 0,
      "nav-active": 1,
      "nav-item": 2,
      feature: 3,
      compose: 4,
      nav: 5,
      popover: 6,
      modal: 7,
      tooltip: 8,
      toast: 9,
    },
  },
  plugins: [
    daisyui({
      themes: ["light --default", "dark --prefersdark"],
    }),
    daisyTheme({
      name: "dark",
      ...themes["night"],
      // Warm charcoal ramp with a wide (~8.5%) lightness spread so stacked
      // surfaces (rail / panel / page / card / bubble) read as layered paper
      // instead of one flat slab. Hue nudged from cold 265 toward brand 280.
      "--color-base-100": "oklch(24% 0.025 280)",
      "--color-base-200": "oklch(20% 0.024 280)",
      "--color-base-300": "oklch(15.5% 0.022 280)",
      "--color-base-content": "oklch(89% 0.02 280)",
      "--color-primary": process.env.VITE_PLATFORM_ACCENT,
      "--color-primary-content": process.env.VITE_PLATFORM_ACCENT_CONTENT || "#EAE7FF",
      "--color-secondary": process.env.VITE_PLATFORM_SECONDARY,
      "--color-secondary-content": process.env.VITE_PLATFORM_SECONDARY_CONTENT || "#EAE7FF",
      // Amber completes the purple -> orange -> amber brand triad (was off-brand pink).
      "--color-accent": "#FDB833",
      "--color-accent-content": "oklch(22% 0.04 70)",
      // Shape + depth: rounder geometry, friendlier borders, and DaisyUI's built-in
      // soft top-highlight/bottom-shadow on btn/card/input/badge.
      "--depth": "1",
      "--radius-box": "1.25rem",
      "--radius-field": "0.75rem",
      "--radius-selector": "1rem",
      "--border": "1.5px",
    }),
    daisyTheme({
      name: "light",
      ...themes["winter"],
      // Warm paper ramp (hue ~70) replaces winter's clinical blue-white, with a
      // gentle layering step and a warm near-ink text color carrying a faint
      // purple undertone so type feels tied to the brand.
      "--color-base-100": "oklch(99.5% 0.006 70)",
      "--color-base-200": "oklch(97% 0.012 70)",
      "--color-base-300": "oklch(93.5% 0.016 75)",
      "--color-base-content": "oklch(32% 0.03 285)",
      "--color-neutral": "oklch(96% 0.01 70)",
      "--color-neutral-content": "var(--color-base-content)",
      "--color-warning": "#FD8D0B",
      "--color-primary": process.env.VITE_PLATFORM_ACCENT,
      "--color-primary-content": process.env.VITE_PLATFORM_ACCENT_CONTENT || "#EAE7FF",
      "--color-secondary": process.env.VITE_PLATFORM_SECONDARY,
      "--color-secondary-content": process.env.VITE_PLATFORM_SECONDARY_CONTENT || "#EAE7FF",
      "--color-accent": "#FDB833",
      "--color-accent-content": "oklch(30% 0.05 70)",
      "--depth": "1",
      "--radius-box": "1.25rem",
      "--radius-field": "0.75rem",
      "--radius-selector": "1rem",
      "--border": "1.5px",
    }),
  ],
}