/* Open Sans — body typeface + footer headings (ashfordfarm.net). Not one of
   the five families the portal preloads, so it is imported here. Georgia and
   Times New Roman are system serifs and need no load. */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  /* BRAND ADAPTATION GUIDE
     Ashford Auctions palette (AF brand guide + ashfordfarm.net):
       Navy #00263A (primary)  ·  Dark navy #0E1327  ·  Silver #BFBFBE  ·  White
     Accent is a brand blue (#1F6F9E) for links, active nav and focus.
  */

  /* TYPOGRAPHY
     Body is used for regular UI text.
     Display is used for headings, hero titles and prominent prices.
     Title is Times New Roman — used for auction and lot card titles.
  */
  --font-body: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-title: 'Times New Roman', Times, serif;

  /* ELEVATION */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);

  /* BASE COLORS */
  --background: #ffffff;
  --foreground: #00263a;

  /* SURFACES */
  --card: #ffffff;
  --card-foreground: #00263a;

  /* POPOVER SURFACES */
  --popover: #ffffff;
  --popover-foreground: #00263a;

  /* BRAND COLORS
     Primary frames the page: contact bar, footer, hero overlay, outline buttons. */
  --primary: #00263a;
  --primary-foreground: #ffffff;

  /* SECONDARY SURFACES — cream */
  --secondary: #f1f1f0;
  --secondary-foreground: #00263a;

  /* MUTED UI */
  --muted: #f5f5f4;
  --muted-foreground: #5d6b73;

  /* ACCENT COLORS
     Blue — links, active nav, focus ring, highlights.
     (The accent BUTTON is overridden to solid navy below — see the
     .bg-gradient-accent rule — so these stay blue for links/nav only.) */
  --accent: #557c96;
  --accent-foreground: #ffffff;
  --accent-soft: #88a6ba;
  --accent-strong: #3e5d72;

  /* ALTERNATIVE ACCENT — darker brand navy, rare emphasis */
  --accent-alt: #0e1327;
  --accent-alt-foreground: #ffffff;

  /* FUNCTIONAL FEEDBACK COLORS */
  --destructive: #cb3a00;
  --destructive-foreground: #ffffff;
  --success: #278445;
  --success-foreground: #ffffff;
  --info: #1c7abb;
  --info-foreground: #ffffff;
  --warning: #d99a00;
  --warning-foreground: #161616;

  /* FORM AND FOCUS COLORS */
  --border: #bfbfbe;
  --input: #bfbfbe;
  --ring: var(--accent);

  /* AUCTION STATUS COLORS */
  --status-live: var(--destructive);
  --status-active: var(--success);
  --status-upcoming: var(--info);

  /* SHAPE */
  --radius: 0.75rem;
}

/* ===================================================================
   FOOTER OVERRIDES
   The portal colours the footer column headings with --accent and takes
   their font from --font-display. Ashford wants them WHITE and in Open Sans
   (as in the approved footer). Re-scoping --accent inside the footer repaints
   the headings white without touching the accent used elsewhere; the font is
   set on the heading elements directly.
   =================================================================== */
footer {
  --accent: var(--primary-foreground);   /* white column headings */
}
footer h2,
footer h3,
footer h4 {
  font-family: var(--font-body);         /* Open Sans, like the screenshot */
}

/* ===================================================================
   ACCENT BUTTON — solid navy #00263A (e.g. navbar "Register")
   The portal paints the accent button with
   background: linear-gradient(135deg, var(--accent), var(--accent-strong)).
   Re-scoping both stops to navy ON THE BUTTON makes it a solid navy fill,
   while --accent stays blue for links, active nav and focus.
   =================================================================== */
.bg-gradient-accent {
  --accent: #00263a;
  --accent-strong: #00263a;
}

/* ===================================================================
   DESCRIPTION BODY COPY — a touch smaller
   The lot/auction description is a .prose block, 16px on desktop. Nudge
   it down to 15px (mobile stays at its smaller 14px).
   =================================================================== */
@media (min-width: 640px) {
  .prose { font-size: 15px; }
}