/* ==========================================
   Turn Ready Property Services Design System
   variables.css
========================================== */

:root {
  /* Approved Turn Ready Brand System */
  --navy: #0B3D91;
  --blue: #1E6EDB;
  --green: #3CA769;
  --light-gray: #E5EAF0;

  /* Neutral Surface & Text System */
  --white: #ffffff;
  --slate-bg: #F8FAFC;
  --surface-bg: #F1F5F9;
  --charcoal: #0F172A;
  --slate-dark: #334155;
  --slate-body: #475569;
  --border-color: #CBD5E1;

  /* System Color Mappings */
  --color-primary: #0B3D91;
  --color-primary-hover: #1E6EDB;
  --color-accent: #3CA769;
  --color-background: #F8FAFC;
  --color-surface: #ffffff;
  --color-dark: #0F172A;
  --color-heading: #0F172A;
  --color-text: #475569;
  --color-border: #CBD5E1;
  --color-success: #3CA769;
  --color-warning: #D97706;
  --color-danger: #DC2626;

  /* Typography - Clean Modern Sans-Serif System */
  --font-heading: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* Layout & Sizes */
  --container: 1240px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Elevation & Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

  /* Spacing Scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Motion & Z-Index */
  --transition: 0.2s ease-in-out;
  --z-header: 20;
  --z-navbar: 1000;
}