/* ==========================================================================
   LeakGuard — Design Tokens
   Edit values here to re-theme the entire site. Nothing below this file
   should reference a raw hex value — always go through a variable.
   ========================================================================== */

:root {
  /* Brand colors (from LeakGuard app design system) */
  --primary-blue:    #007AFF;
  --success-green:   #34C759;
  --danger-red:      #FF3B30;
  --warning-orange:  #FF9500;
  --accent-cyan:     #4FC3F7;

  /* Surfaces */
  --dark-bg:         #000000;
  --card-bg:         #1C1C1E;
  --card-bg-raised:  #232326;
  --card-border:     rgba(255, 255, 255, 0.08);
  --card-border-hi:  rgba(255, 255, 255, 0.16);

  /* Gradient (hero backgrounds) */
  --gradient-start:  #0A1628;
  --gradient-end:    #0088FF;

  /* Text */
  --text-primary:    #FFFFFF;
  --text-secondary:  rgba(255, 255, 255, 0.55);
  --text-tertiary:   rgba(255, 255, 255, 0.32);

  /* Type */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "Menlo", "Cascadia Code", monospace;

  /* Radii */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  /* Layout */
  --container: 1120px;
  --container-narrow: 760px;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}