@import "tailwindcss";
/* resources/css/app.css */
/* Import Argon's css (path relative to resources/css/) */
/*@import '../vendor/argon/assets/css/argon-dashboard.css';*/
/* Your app styles below */

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
  /* Fonts */
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* Primary Colors */
  --color-red: #8e0b56; /* plum (Pantone 228) */
  --color-primary: var(--color-red); /* Tailwind "primary" points to your red */
  --color-pink: #f8c2d6;
  --color-secondary: #f97316; /* optional secondary color, e.g., orange */
  --color-accent: var(--color-red); /* reuse red for icons/borders/etc */
  --color-primary-hover: #6f0944;

  /* Background & text */
  --color-bg-light: #f9fafb;
  --color-bg-alt: #fef2f2; /* light variant of red background */
  --color-text-main: #1e293b;
  --color-text-light: #475569;

  /* Extra color */
  --color-slate-50: #f8fafc;
}