/* design-tokens.css
 * Global CSS variables used across all Crown Claim AI pages.
 * Rebuilt during the AWS migration -- the original file existed on the
 * Netlify deployment but wasn't included in the files uploaded for
 * migration, so it never made it into this codebase. Palette inferred
 * from the navy/teal brand colors already visible in login.html and
 * every page's sidebar/header.
 */

:root {
  /* Brand */
  --navy-900: #0F2A4A;
  --teal-500: #14B8A6;
  --teal-200: #CFF3EE;

  /* Neutrals */
  --white: #FFFFFF;
  --gray-100: #F5F7FA;
  --border-color: #E2E8F0;

  /* Text */
  --text-primary: #1A2433;
  --text-secondary: #5B6B7F;
  --text-muted: #94A3B8;

  /* Status */
  --danger: #C0392B;
  --danger-bg: #FCE9E7;
  --warning: #A06C00;
  --warning-bg: #FDF3DC;
  --success: #14B8A6;
  --success-bg: #E3F9F5;

  /* Layout */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 3px rgba(15, 42, 74, 0.08), 0 1px 2px rgba(15, 42, 74, 0.06);

  /* Typography */
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}