/**
 * Keeneland Admin overrides for the Gin base theme.
 *
 * Gin's own color scheme / accent color / dark mode options are configurable
 * at /admin/appearance/settings/keeneland_admin - prefer those over CSS
 * overrides here where possible. Use this file for anything Gin's settings
 * form doesn't cover (e.g. custom login page branding, dashboard tweaks).
 */

/**
 * Green re-theme of every color custom property defined by Claro
 * (core/themes/claro/css/base/variables.css), which Gin's markup and
 * component CSS consume throughout the admin UI.
 *
 * Each value below is a variation of the brand green #115740
 * (H 160.29 S 67.31%), generated by keeping that hue/saturation constant
 * and swapping in the lightness of the original Claro color it replaces,
 * so relative brightness/contrast relationships are preserved.
 */
:root {
  /* Base palette. */
  --color-absolutezero: #21ab7e;
  --color-white: #ffffff;
  --color-text: #0c402f;
  --color-text-light: #4cdcad;
  --color-gray-050-o-40: rgb(240, 252, 248, 0.4);
  --color-gray-200-o-80: rgb(188, 242, 224, 0.8);
  --color-maximumred: #2ad59d;
  --color-sunglow: #5ee0b5;
  --color-sunglow-shaded: #1a8260;
  --color-lightninggreen: #22ab7e;
  --color-focus: #22ab7e;

  /* Variations. */
  --color-absolutezero-hover: #1d946d;
  --color-absolutezero-active: #19815f;
  --color-maximumred-hover: #25c08d;
  --color-maximumred-active: #21ab7e;
  --color-bgblue-hover: #f7fdfb;
  --color-bgblue-active: #e9fbf5;
  --color-bgred-hover: #f5fdfa;
  --color-bgred-active: #eafbf5;

  /* Gray variations. */
  --color-gray: #0c402f;
  --color-gray-900: #14644a;
  --color-gray-800: #1d936c;
  --color-gray-700: #27c994;
  --color-gray-600: #33d7a1;
  --color-gray-500: #4cdcad;
  --color-gray-400: #7be5c2;
  --color-gray-300: #9cecd2;
  --color-gray-200: #baf2df;
  --color-gray-100: #cdf5e8;
  --color-gray-050: #f0fcf8;
  --color-gray-025: #fafefd;

  /* Blue variations. */
  --color-blue: #21ab7e;
  --color-blue-900: #082b1f;
  --color-blue-800: #11553f;
  --color-blue-700: #19815f;
  --color-blue-650: #1d946d;
  --color-blue-600: #21ab7e;
  --color-blue-500: #2ad59d;
  --color-blue-400: #54deb1;
  --color-blue-300: #7fe6c4;
  --color-blue-200: #aaeed8;
  --color-blue-100: #d4f7eb;
  --color-blue-070: #e1f9f1;
  --color-blue-050: #e9fbf5;
  --color-blue-020: #f7fdfb;

  /* Red variations. */
  --color-red: #2ad59d;
  --color-red-900: #082b1f;
  --color-red-800: #11553f;
  --color-red-700: #19805e;
  --color-red-600: #21ab7e;
  --color-red-550: #25c08d;
  --color-red-500: #2ad59d;
  --color-red-400: #54deb1;
  --color-red-300: #7fe6c4;
  --color-red-200: #aaeed8;
  --color-red-100: #d4f7eb;
  --color-red-070: #e1f9f1;
  --color-red-050: #eafbf5;
  --color-red-020: #f5fdfa;

  /* Base. */
  --color-fg: #0c402f;
  --color-bg: #ffffff;
  --color-link: #21ab7e;
  --color-link-hover: #1d946d;
  --color-link-active: #19815f;
  --color-divider: rgb(78, 220, 173, 0.5);
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.text-red {
  color: #cc2222;
}

.text-green {
  color: #009900;
}

body .page-wrapper {
  font-family: "Open Sans", sans-serif;
  min-height: 100vh;
  background: url(../img/body-bg.jpg) center top repeat-y;
}

body.path-my-horses .view-content {
  width: fit-content;
}

#toolbar-item-administration-tray .toolbar-logo img {
  max-width: 180px;
}