/* Shared brand palette for the Rails pages and the Vite Console bundle.
   Indigo is the existing primary-action token; map it to Tempest gold.
   Keep semantic success/error/warning palettes independent. */
:root {
  --color-gray-50: #faf9f6;
  --color-gray-100: #f3f2ed;
  --color-gray-200: #e4e2d9;
  --color-gray-300: #cecbc0;
  --color-gray-400: #aaa79b;
  --color-gray-500: #777467;
  --color-gray-600: #605d51;
  --color-gray-700: #45453b;
  --color-gray-800: #303029;
  --color-gray-900: #21211e;
  --color-gray-950: #191916;
  --color-zinc-50: var(--color-gray-50);
  --color-zinc-100: var(--color-gray-100);
  --color-zinc-200: var(--color-gray-200);
  --color-zinc-300: var(--color-gray-300);
  --color-zinc-400: var(--color-gray-400);
  --color-zinc-500: var(--color-gray-500);
  --color-zinc-600: var(--color-gray-600);
  --color-zinc-700: var(--color-gray-700);
  --color-zinc-800: var(--color-gray-800);
  --color-zinc-900: var(--color-gray-900);
  --color-zinc-950: var(--color-gray-950);
  --color-mist-50: var(--color-gray-50);
  --color-mist-100: var(--color-gray-100);
  --color-mist-200: var(--color-gray-200);
  --color-mist-300: var(--color-gray-300);
  --color-mist-400: var(--color-gray-400);
  --color-mist-500: var(--color-gray-500);
  --color-mist-600: var(--color-gray-600);
  --color-mist-700: var(--color-gray-700);
  --color-mist-800: var(--color-gray-800);
  --color-mist-900: var(--color-gray-900);
  --color-mist-950: var(--color-gray-950);
  --color-indigo-50: #fbf7e9;
  --color-indigo-100: #f5ebc9;
  --color-indigo-200: #ead59b;
  --color-indigo-300: #dfc47e;
  --color-indigo-400: #d6b968;
  --color-indigo-500: #927020;
  --color-indigo-600: #86621c;
  --color-indigo-700: #6c4d17;
  --color-indigo-800: #573f19;
  --color-indigo-900: #48351a;
  --color-indigo-950: #291e0e;
  --site-bg: #f3f2ed;
  --site-panel: #fff;
  --site-ink: #21211e;
  --site-muted: #605d51;
  --site-line: #cecbc0;
  --site-wash: rgb(184 145 43 / 7%);
  --site-panel-wash: rgb(244 233 113 / 8%);
  color-scheme: light;
}

:root.dark {
  --color-gray-500: #9b978a;
  --site-bg: #191916;
  --site-panel: #21211e;
  --site-ink: #eeeeec;
  --site-muted: #b4b4ac;
  --site-line: #45453b;
  --site-wash: rgb(184 145 43 / 9%);
  --site-panel-wash: rgb(244 233 113 / 6%);
  color-scheme: dark;
}

.site-page {
  min-height: 100svh;
  color: var(--site-ink);
  background: linear-gradient(140deg, var(--site-wash), transparent 70%), var(--site-bg);
  background-attachment: fixed;
}

.site-canvas {
  background: linear-gradient(180deg, var(--site-panel-wash), transparent 480px), var(--site-panel);
}

.site-footer { background-color: #191916; }

.site-primary {
  color: #fff;
  background-color: var(--color-indigo-600);
}
.site-primary:hover { background-color: var(--color-indigo-700); }
.dark .site-primary { color: #291e0e; background-color: var(--color-indigo-400); }
.dark .site-primary:hover { background-color: var(--color-indigo-300); }

.auth-page footer { color: var(--site-muted); }
.auth-divider { display: flex; align-items: center; gap: 1.5rem; }
.auth-divider::before, .auth-divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--site-line);
}
.auth-form svg { fill: currentColor; }
.auth-form a.text-indigo-600 { color: var(--color-indigo-700); }

/* Dark brand links need a lighter gold than the solid action background. */
.dark .site-page a.text-indigo-600 { color: var(--color-indigo-300); }
/*
 * 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.
 *


 */