/* ==========================================================================
   Land Lens — Color tokens
   --------------------------------------------------------------------------
   Source of truth: ll-verify-my-land.css / ll-build-scope.css brand vars +
   lldashcustom.css usage. Primary is warm orange #FF6725.
   ========================================================================== */

:root {
  /* --- Primary: warm orange scale ------------------------------------------ */
  --color-primary-50:  #fff7f2;
  --color-primary-100: #ffe9dd;
  --color-primary-200: #ffd0b8;
  --color-primary-300: #ffae87;
  --color-primary-400: #ff8a50;
  --color-primary-500: #ff6725;  /* brand primary */
  --color-primary-600: #e55a1c;  /* primary hover / pressed */
  --color-primary-700: #c2491a;
  --color-primary-800: #993c15;

  /* convenience aliases */
  --color-primary:        var(--color-primary-500);
  --color-primary-hover:  var(--color-primary-600);

  /* --- Secondary / dark ---------------------------------------------------- */
  --color-secondary:   #1a1a2e;  /* deep navy-black — dark sections, sidebar */
  --color-secondary-2: #1a1a1c;  /* near-black used for body headings */
  --color-ink-900:     #0d1a1c;  /* credits widget / deepest panels */

  /* --- Text ---------------------------------------------------------------- */
  --color-text-primary:     #111827;  /* headings / strong body */
  --color-text-body:        #374151;  /* default body copy */
  --color-text-secondary:   #6b7280;  /* secondary / labels */
  --color-text-muted:       #9ca3af;  /* placeholder / hints */

  /* --- Surfaces & backgrounds --------------------------------------------- */
  --color-bg-base:    #ffffff;  /* app canvas / cards */
  --color-bg-1:       #fcfcfd;
  --color-bg-2:       #f9fafb;  /* dashboard canvas */
  --color-bg-3:       #f4f5f8;  /* inset / hover fills */
  --color-bg-4:       #f0f2f6;
  --color-surface-dark: #1a1a2e; /* marketing hero */

  /* --- Strokes / borders --------------------------------------------------- */
  --color-border:     #e5e7eb;  /* default card border */
  --color-stroke-1:   #dfe4eb;
  --color-stroke-2:   #e3e7ed;
  --color-stroke-3:   #d7dde5;
  --color-stroke-4:   #eceff4;

  /* --- Semantic status ----------------------------------------------------- */
  --color-success:    #10b981;
  --color-success-fg: #059669;
  --color-success-bg: #ecfdf5;
  --color-warning:    #f59e0b;
  --color-warning-fg: #b45309;
  --color-warning-bg: #fffbeb;
  --color-error:      #ef4444;
  --color-error-fg:   #dc2626;
  --color-error-bg:   #fef2f2;
  --color-info:       #3b82f6;
  --color-info-fg:    #1d4ed8;
  --color-info-bg:    #eff6ff;

  /* --- Risk scale (verification severity) ---------------------------------- */
  --color-risk-clear:    #16a34a;
  --color-risk-low:      #22c55e;
  --color-risk-medium:   #eab308;
  --color-risk-high:     #ef4444;
  --color-risk-critical: #b91c1c;

  /* --- Glow & translucency ------------------------------------------------- */
  --color-primary-glow:    rgba(255, 103, 37, 0.40);  /* CTA hover shadow */
  --color-primary-tint-10: rgba(255, 103, 37, 0.10);  /* active nav fill */
  --color-primary-tint-15: rgba(255, 103, 37, 0.15);  /* focus ring */
  --color-glass:           rgba(252, 252, 252, 0.60); /* frosted header/sidebar */

  /* --- Base ---------------------------------------------------------------- */
  --color-white: #ffffff;
  --color-black: #000000;
}