/* =============================================================================
   USD Discovery District — brand design tokens
   Single source of truth for colors, fonts, radii, shadows, and logo assets.
   Load first, before auth-shell / client-library / document-history / tool CSS.
   ============================================================================= */

:root {
  /* Primary brand red family */
  --brand: #c02030;
  --brand-dark: #9a1826;
  --brand-deep: #7a1520;
  --brand-s: #e85a66;
  --brand-tint: #fdf2f3;
  --brand-soft: #f8e4e6;
  --brand-border: #f0c4c9;
  --brand-muted: #e8a0a8;
  --focus: var(--brand);

  /* Aliases used by estimator (legacy short names) */
  --brand-d: var(--brand-dark);

  /* Aliases used by auth-shell / client-library / document-history */
  --brand-red: var(--brand);
  --brand-red-dark: var(--brand-dark);
  --brand-red-deep: var(--brand-deep);
  --brand-red-soft: var(--brand-tint);
  --brand-red-border: var(--brand-border);
  --brand-red-muted: var(--brand-muted);

  /* Neutrals */
  --ink: #1a1a1a;
  --ink-muted: #555;
  --ink-faint: #777;
  --muted: #5c5c5c;
  --line: #e5e5e5;
  --line-strong: #ccc;
  --bg: #f6f6f6;
  --page-bg: #f5f3f3;
  --surface: #fff;
  --card: #fff;
  --ok: #0f6b4c;

  /* Shape + elevation */
  --radius: 10px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.04);

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --font-ui: Arial, Helvetica, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Logo paths (relative to site root when used from HTML;
     CSS url() paths should use ../Brand/ from css/) */
  --logo-path: Brand/DiscoveryDistrict_LOGO_Vertical-01.png;
  --logo-login-max-width: 200px;
  --logo-login-max-height: 72px;
  --logo-topbar-width: 160px;
  --logo-topbar-height: 44px;

  /* Decorative mesh (css/ files: use ../Brand/…) */
  --brand-mesh-top: url("../Brand/DiscoverDistrict_ExtraElements_Shapes_RED.png");
  --brand-mesh-bottom: url("../Brand/DiscoverDistrict_ExtraElements_Shapes-50oppacity.png");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}