:root {
  /* Semantic color tokens */
  --color-primary: #2563eb;    /* blue-600: link/text color in light mode */
  --color-primary-bg: #2563eb; /* blue-600: filled buttons (white text passes) */
  --color-accent: #C2410C;     /* orange-700: text/icon accent in light mode */
  --color-accent-bg: #C2410C;  /* orange-700: filled badges/buttons (white text passes) */
  --color-text: #2e2e2e;       /* dark gray */
  --color-bg: #ffffff;         /* white */
  --color-border: #cccccc;     /* gray */

  /* Brand colors */
  --color-brand-light: #fefefe;
  --color-brand-light-2: #ebf6f7;
  --color-brand-dark: #020716;      /* dark background */
  --color-brand-dark-2: #131925;    /* dark background 2 */
  --color-imperial-blue: #002395;

  /* Typography */
  --font-primary: 'Inter', sans-serif;
  --font-secondary: 'Sora', sans-serif;
}

/* Dark mode overrides */
.dark {
  --color-primary: #60a5fa;    /* blue-400: link/text color in dark mode */
  --color-primary-bg: #2563eb; /* blue-600: filled buttons stay accessible */
  --color-accent: #fb923c;     /* orange-400: text/icon accent in dark mode */
  --color-accent-bg: #C2410C;  /* orange-700: filled badges/buttons stay accessible */
  --color-text: #f9fafb;       /* gray-50 */
  --color-bg: #111827;         /* gray-900 */
  --color-border: #374151;     /* gray-700 */

  --color-brand-light: #fefefe;
  --color-brand-light-2: #ebf6f7;
  --color-brand-dark: #020716;
  --color-brand-dark-2: #131925;
  --color-imperial-blue: #002395;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

@import "variables.css";