/* ==========================================================================
   RealData Dynamics - brand tokens
   Loaded BEFORE styles.css so component rules can build on these variables.
   Palette sampled from the logo: teal #00A8A8, lime #AACC04, forest #2C3D14.
   Font: Inter (Google Fonts).
   ========================================================================== */

:root {
  /* Core brand */
  --rd-teal:        #00A8A8;
  --rd-teal-dark:   #00807F;
  --rd-teal-darker: #005E5D;
  --rd-lime:        #AACC04;
  --rd-lime-dark:   #8CA803;
  --rd-forest:      #2C3D14;
  --rd-forest-deep: #1B2810;

  /* Neutrals */
  --rd-ink:         #10190A;
  --rd-body:        #40494A;
  --rd-muted:       #6B7678;
  --rd-line:        #E2E9E4;
  --rd-light:       #F4F8F4;
  --rd-white:       #FFFFFF;

  /* Tints used for soft surfaces and icon chips */
  --rd-teal-tint:   rgba(0, 168, 168, 0.10);
  --rd-lime-tint:   rgba(170, 204, 4, 0.14);

  /* Elevation */
  --rd-shadow-sm:   0 1px 2px rgba(16, 25, 10, 0.05);
  --rd-shadow:      0 4px 16px rgba(16, 25, 10, 0.07);
  --rd-shadow-lg:   0 18px 44px rgba(16, 25, 10, 0.13);

  --rd-radius:      14px;
  --rd-radius-sm:   10px;

  /* Bootstrap overrides - keeps utility classes on-brand */
  --bs-primary:              #00A8A8;
  --bs-primary-rgb:          0, 168, 168;
  --bs-secondary:            #2C3D14;
  --bs-secondary-rgb:        44, 61, 20;
  --bs-link-color:           #00807F;
  --bs-link-color-rgb:       0, 128, 127;
  --bs-link-hover-color:     #005E5D;
  --bs-body-color:           #40494A;
  --bs-body-color-rgb:       64, 73, 74;
  --bs-border-color:         #E2E9E4;

  --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
.btn,
.navbar,
.card,
input, button, select, textarea,
.accordion-button,
.lead {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
}

body {
  color: var(--rd-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tighter tracking on large/bold headings reads more modern */
h1, h2, h3,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.fw-bolder {
  letter-spacing: -0.02em;
  color: var(--rd-ink);
}