/*
  user/assets/css/theme.css
  Same design tokens as admin/assets/css/theme.css — brand consistency
  across both the public site and the admin portal, per the agreed direction.
*/
:root {
  --dd-bg:          #F8F9FA;
  --dd-card:        #FFFFFF;
  --dd-border:      #E3E5E8;
  --dd-text:        #212529;
  --dd-text-muted:  #6C757D;
  --dd-blue:        #1F6FEB;
  --dd-blue-dark:   #0C447C;
  --dd-blue-tint:   #E6F1FB;
  --dd-maroon:      #7A1F2A;
  --dd-maroon-dark: #5C1620;
  --dd-maroon-tint: #FAECEC;
  --dd-success:     #1D9E75;
  --dd-radius:      10px;
  --dd-radius-lg:   16px;
  --dd-shadow-sm:   0 1px 2px rgba(16, 24, 40, 0.05);
  --dd-shadow-md:   0 4px 16px rgba(16, 24, 40, 0.08);
  --dd-font:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --dd-font-serif:  'Source Serif 4', Georgia, 'Times New Roman', serif;
}
* { box-sizing: border-box; }
body { font-family: var(--dd-font); background: var(--dd-bg); color: var(--dd-text); }
.dd-card { background: var(--dd-card); border: 1px solid var(--dd-border); border-radius: var(--dd-radius-lg); box-shadow: var(--dd-shadow-md); }
.btn-dd-primary { background: var(--dd-blue); border-color: var(--dd-blue); color: #fff; font-weight: 500; border-radius: var(--dd-radius); }
.btn-dd-primary:hover { background: var(--dd-blue-dark); border-color: var(--dd-blue-dark); color: #fff; }
.btn-dd-maroon { background: var(--dd-maroon); border-color: var(--dd-maroon); color: #fff; font-weight: 500; border-radius: var(--dd-radius); }
.btn-dd-maroon:hover { background: var(--dd-maroon-dark); border-color: var(--dd-maroon-dark); color: #fff; }
.text-dd-muted { color: var(--dd-text-muted); }
.dd-link { color: var(--dd-blue); text-decoration: none; font-weight: 500; }
.dd-link:hover { color: var(--dd-blue-dark); text-decoration: underline; }
.dd-alert { border-radius: var(--dd-radius); border: 1px solid transparent; padding: .75rem 1rem; font-size: .925rem; }
.dd-alert-success { background: #EAF6F0; border-color: #BEE6D3; color: #0F6E56; }
.dd-alert-error { background: var(--dd-maroon-tint); border-color: #F0C9CC; color: var(--dd-maroon-dark); }