/* DESAPEGO EMOCIONAL — V1.6 Design System
 * Foundation: Tailwind CSS 4 + daisyUI 5
 * Runtime fallback is kept so the current static app remains functional.
 */
@import "tailwindcss";
@plugin "daisyui" {
  themes: desapego --default;
}
@plugin "daisyui/theme" {
  name: "desapego";
  default: true;
  prefersdark: false;
  color-scheme: light;
  --color-base-100: #FCFAF8;
  --color-base-200: #F7F2EF;
  --color-base-300: #EDE4DF;
  --color-base-content: #28313A;
  --color-primary: #C85C72;
  --color-primary-content: #FFFFFF;
  --color-secondary: #DCA6B8;
  --color-secondary-content: #432F37;
  --color-accent: #AFA3D8;
  --color-accent-content: #332D49;
  --color-neutral: #56616B;
  --color-neutral-content: #FFFFFF;
  --color-info: #74A9D8;
  --color-info-content: #FFFFFF;
  --color-success: #86A995;
  --color-success-content: #173322;
  --color-warning: #D6B477;
  --color-warning-content: #3E2D13;
  --color-error: #D88989;
  --color-error-content: #451D1D;
  --radius-selector: 999px;
  --radius-field: 14px;
  --radius-box: 22px;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

@theme {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Lora', Georgia, serif;
  --color-de-primary: #5B9ED6;
  --color-de-secondary: #DCA6B8;
  --color-de-accent: #AFA3D8;
  --color-de-sage: #86A995;
  --color-de-cream: #FCFAF8;
  --color-de-ink: #28313A;
  --shadow-de-soft: 0 8px 28px rgba(55, 72, 88, .08);
  --shadow-de-card: 0 4px 18px rgba(55, 72, 88, .06);
}

/* Runtime design tokens — consumed by the existing V1.5 components. */
:root {
  color-scheme: light;
  --font-main: 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --font-serif: 'Lora',Georgia,serif;
  --bg-base:#FCFAF8;
  --bg-surface:#FFFFFF;
  --bg-surface-soft:#F7F2EF;
  --bg-surface-elevated:#FFFFFF;
  --border-color:#E8DFDA;
  --border-soft:#F0E9E5;
  --text-main:#28313A;
  --text-muted:#68737D;
  --text-light:#98A0A7;
  --primary:#C85C72;
  --primary-hover:#B64C63;
  --primary-light:#FBECEF;
  --primary-glow:rgba(200,92,114,.20);
  --sage:#86A995;
  --sage-light:#EDF5EF;
  --accent-warm:#DCA6B8;
  --danger-soft:#D88989;
  --danger-bg:#FDF1F1;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-full:9999px;
  --shadow-sm:0 4px 14px rgba(55,72,88,.045);
  --shadow-md:0 8px 28px rgba(55,72,88,.08);
  --shadow-lg:0 16px 40px rgba(55,72,88,.10);
  --transition:all .22s cubic-bezier(.16,1,.3,1);
}

/* daisyUI-compatible component foundation for the current static runtime.
   The generated daisyUI bundle can replace these declarations after npm install. */
.btn { display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.72rem 1rem;border-radius:var(--radius-field);font:600 14px var(--font-main);cursor:pointer;transition:var(--transition);border:1px solid transparent; }
.btn-primary { background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 5px 16px var(--primary-glow); }
.btn-primary:hover { background:var(--primary-hover);transform:translateY(-1px); }
.btn-secondary { background:var(--bg-surface-soft);color:var(--text-main);border-color:var(--border-color); }
.btn-secondary:hover { background:var(--bg-surface);transform:translateY(-1px); }
.card { border-radius:var(--radius-box);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-de-card); }
.badge { display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-selector);font-size:11px;font-weight:700;padding:.35rem .65rem; }
.modal-backdrop { background:rgba(40,49,58,.28);backdrop-filter:blur(4px); }

/* Accessibility + motion defaults */
:focus-visible { outline:3px solid rgba(200,92,114,.35);outline-offset:2px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; } }

/* V1.6.10 — modo noturno temporariamente oculto: app somente em modo claro. */
#theme-btn[hidden], #theme-btn[aria-hidden="true"] { display: none !important; }
html.theme-light-only, html.theme-light-only body { color-scheme: light !important; }