@import "tailwindcss";
@import "tippy.js/dist/tippy.css";

/* 
 * Tailwind v4 Configuration
 * https://tailwindcss.com/docs/v4-beta
 */

@theme {
  /* Primary color palette - TRE-RS brand green (hsl 120) */
  --color-primary-50: #f0fdf4;
  --color-primary-100: #dcfce7;
  --color-primary-200: #bbf7d0;
  --color-primary-300: #86efac;
  --color-primary-400: #4ade80;
  --color-primary-500: #22c55e;
  --color-primary-600: #16a34a;
  --color-primary-700: #15803d;
  --color-primary-800: #166534;
  --color-primary-900: #14532d;
  --color-primary-950: #052e16;

  /* Danger/Error colors */
  --color-danger-50: #fef2f2;
  --color-danger-100: #fee2e2;
  --color-danger-200: #fecaca;
  --color-danger-300: #fca5a5;
  --color-danger-400: #f87171;
  --color-danger-500: #ef4444;
  --color-danger-600: #dc2626;
  --color-danger-700: #b91c1c;
  --color-danger-800: #991b1b;
  --color-danger-900: #7f1d1d;

  /* Success colors */
  --color-success-50: #f0fdf4;
  --color-success-100: #dcfce7;
  --color-success-200: #bbf7d0;
  --color-success-300: #86efac;
  --color-success-400: #4ade80;
  --color-success-500: #22c55e;
  --color-success-600: #16a34a;
  --color-success-700: #15803d;
  --color-success-800: #166534;
  --color-success-900: #14532d;

  /* Warning colors */
  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-200: #fde68a;
  --color-warning-300: #fcd34d;
  --color-warning-400: #fbbf24;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-warning-700: #b45309;
  --color-warning-800: #92400e;
  --color-warning-900: #78350f;

  /* Navbar colors - TRE-RS green navbar (hsl 120, 20%, 60%) */
  --color-navbar: #85ad85;
  --color-navbar-active: #6d9c6d;
  --color-navbar-hover: #9dbf9d;
  --color-navbar-muted: #d1e3d1;

  /* Font family */
  --font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
}

/* Source paths for Tailwind to scan */
@source "../../../app/views/**/*.erb";
@source "../../../app/helpers/**/*.rb";
@source "../../../app/components/**/*.rb";
@source "../../../app/components/**/*.erb";
@source "../../../app/javascript/**/*.js";

/* Commit SHA watermark (fixed bottom-right) */
.sha {
  font-size: 80%;
  color: #aaa;
  position: fixed;
  bottom: 0.6rem;
  right: 0.6rem;
  font-family: monospace;
}