/* Your Business skin — warm supper-house treatment over the Industry component layer.
   Retunes the design tokens (walnut ground, candle amber, Marcellus display) and
   drops the wireframe registration marks so photographs and rooms read as real. */

:root {
  --color-bg: #12100e;
  --color-surface: #1b1712;
  --color-text: #f3ece1;
  --color-accent: #c98a42;
  --color-accent-2: #c98a42;
  --color-divider: rgba(243, 236, 225, 0.15);

  --color-neutral-100: #f3ece1;
  --color-neutral-200: #ddd4c7;
  --color-neutral-300: #bdb2a3;
  --color-neutral-400: #9a8f80;
  --color-neutral-500: #7a6f62;
  --color-neutral-600: #5c5348;
  --color-neutral-700: #423b33;
  --color-neutral-800: #2b2620;
  --color-neutral-900: #1b1712;

  --color-accent-100: #f9eeda;
  --color-accent-200: #f0d9b4;
  --color-accent-300: #e5c08c;
  --color-accent-400: #d8a763;
  --color-accent-500: #c98a42;
  --color-accent-600: #ab7134;
  --color-accent-700: #8a5926;
  --color-accent-800: #46301c;
  --color-accent-900: #241a11;

  --color-accent-2-100: #f9eeda;
  --color-accent-2-200: #f0d9b4;
  --color-accent-2-300: #e5c08c;
  --color-accent-2-400: #d8a763;
  --color-accent-2-500: #c98a42;
  --color-accent-2-600: #ab7134;
  --color-accent-2-700: #8a5926;
  --color-accent-2-800: #46301c;
  --color-accent-2-900: #241a11;

  --font-heading: "Marcellus", "Times New Roman", serif;
  --font-heading-weight: 400;
  --font-body: "Karla", system-ui, sans-serif;

  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 3px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.62);
}

body { background: var(--color-bg); color: var(--color-text); }
h1, h2, h3, h4 { font-weight: 400; letter-spacing: 0.005em; }
::selection { background: var(--color-accent); color: #17120c; }

/* real photographs, not screen prints */
.duotone::after { display: none; }

/* frames become quiet edges instead of blueprint marks */
.blueprint { border: 1px solid var(--color-divider); }
.blueprint > .corner { display: none; }

.card { padding: 26px; }
.card-kicker { color: var(--color-accent-300); letter-spacing: 0.2em; font-size: 11px; }
.card-title { font-family: var(--font-heading); font-size: 21px; line-height: 1.2; }
.card-body { color: rgba(243, 236, 225, 0.72); line-height: 1.65; }
.card-meta { color: var(--color-accent-300); }

.btn { transition: background 160ms ease, border-color 160ms ease, color 160ms ease; }
.btn-primary { background: var(--color-accent); color: #17120c; border-color: var(--color-accent); }
.btn-primary:hover { background: var(--color-accent-400); border-color: var(--color-accent-400); }
.btn-primary:active { background: var(--color-accent-600); }
.btn-secondary { border-color: var(--color-divider); color: var(--color-text); }
.btn-secondary:hover { background: rgba(243, 236, 225, 0.08); border-color: rgba(243, 236, 225, 0.4); }
.btn-ghost { color: var(--color-accent-300); }
.btn-ghost:hover { background: rgba(201, 138, 66, 0.14); }

.input { background: rgba(243, 236, 225, 0.05); border-color: var(--color-divider); color: var(--color-text); }
.input::placeholder { color: rgba(243, 236, 225, 0.38); }
.input:hover { border-color: rgba(243, 236, 225, 0.35); }
.input:focus-visible { border-color: var(--color-accent); }
select.input option { background: #1b1712; color: #f3ece1; }
.field > label, .field > span {
  display: block; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  margin-bottom: 6px; color: rgba(243, 236, 225, 0.55);
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator { filter: invert(1) opacity(0.55); }

.seg { border-color: var(--color-divider); }
.seg-opt + .seg-opt { border-left-color: var(--color-divider); }
.seg-opt:has(input:checked) { background: var(--color-accent); color: #17120c; }
.seg-opt:not(:has(input:checked)):hover { background: rgba(243, 236, 225, 0.08); }
.radio .dot { border-color: rgba(243, 236, 225, 0.4); }
.radio input:checked + .dot { box-shadow: inset 0 0 0 4px var(--color-bg); }

.tag { letter-spacing: 0.1em; }
.tag-accent { background: rgba(201, 138, 66, 0.18); color: var(--color-accent-300); border: 1px solid rgba(201, 138, 66, 0.4); }
.tag-outline { border: 1px solid var(--color-divider); color: rgba(243, 236, 225, 0.7); background: none; }

image-slot, img { filter: saturate(1.02); }

/* nav rhythm */
.go-brand { white-space: nowrap; }
.go-nav-status { display: flex; }
@media (max-width: 1140px) { .go-nav-status { display: none; } }