/* Trailer Repair Services — theme override: 1A "Hi-Vis Night"
   Loaded AFTER the Industry stylesheet. Overrides the token sheet only;
   no component rules are touched, so structure and layout are unchanged.
   To switch direction later, replace the values in this one file. */

:root {
  --color-bg: #15171a;          /* asphalt */
  --color-surface: #1d2024;     /* graphite */
  --color-text: #f4f5f6;        /* paper */
  --color-accent: #f5a524;      /* safety amber */
  --color-accent-2: #f5a524;    /* mono scheme — same role */
  --color-divider: color-mix(in srgb, #f4f5f6 18%, transparent);

  /* Neutral ramp inverted for a dark ground: the steps used for text
     (600-800) are now light, so muted copy stays legible. */
  --color-neutral-100: #1d2024;
  --color-neutral-200: #24282d;
  --color-neutral-300: #2e3338;
  --color-neutral-400: #454b52;
  --color-neutral-500: #6b7278;
  --color-neutral-600: #9aa0a6;
  --color-neutral-700: #b9bec4;
  --color-neutral-800: #d8dbde;
  --color-neutral-900: #f0f1f2;

  /* Accent ramp inverted the same way. 700 carries links and kickers,
     so it is a bright amber (about 8:1 on the asphalt ground). */
  --color-accent-100: #2a2008;
  --color-accent-200: #3d2e0a;
  --color-accent-300: #5c4510;
  --color-accent-400: #8a6813;
  --color-accent-500: #c08c19;
  --color-accent-600: #e09c1f;
  --color-accent-700: #f5a524;
  --color-accent-800: #ffbf5c;
  --color-accent-900: #ffd79a;

  --color-accent-2-100: #2a2008;
  --color-accent-2-200: #3d2e0a;
  --color-accent-2-300: #5c4510;
  --color-accent-2-400: #8a6813;
  --color-accent-2-500: #c08c19;
  --color-accent-2-600: #e09c1f;
  --color-accent-2-700: #f5a524;
  --color-accent-2-800: #ffbf5c;
  --color-accent-2-900: #ffd79a;

  /* Elevation reads as a lift on a dark ground, not a drop shadow. */
  --shadow-sm: 0 1px 0 color-mix(in srgb, #f4f5f6 8%, transparent);
  --shadow-md: 0 2px 0 color-mix(in srgb, #f4f5f6 10%, transparent);
  --shadow-lg: 0 3px 0 color-mix(in srgb, #f4f5f6 12%, transparent);
}

/* Form fields need an explicit dark ground — the browser default is white.
   The fill alone cannot delineate a field on asphalt (1.1:1), so the border
   carries it: accent-500 is amber-toned and clears 3:1 against both the field
   and the page. Placeholders sit at accent-derived neutral-600 because several
   of them carry real instructions, not decoration. */
.input, input, select, textarea {
  background: #1d2024;
  color: var(--color-text);
  border: 1px solid var(--color-accent-500);
}
.input:hover, input:hover, select:hover, textarea:hover { border-color: var(--color-accent); }
.input:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-color: var(--color-accent);
}
::placeholder { color: var(--color-neutral-600); opacity: 1; }