/* =====================================================================
   LynxLayers — Brand Design Tokens
   ---------------------------------------------------------------------
   Single source of truth for brand colors, typography, radius, shadow.
   These are CSS custom properties so the whole UI can be re-skinned by
   editing values HERE — with no WHMCS core or theme-core file edits.

   Final brand palette / logo / fonts will be supplied later; the values
   below are neutral, professional placeholders.

   Loaded on every client-area (and admin) page by:
     /includes/hooks/lynxlayers_branding.php
   ===================================================================== */

:root {
  /* ---- Brand palette (PLACEHOLDERS — replace once brand is finalized) ---- */
  --ll-primary:        #2f6df6;
  --ll-primary-dark:   #1f4fc4;
  --ll-primary-light:  #5b8cff;
  --ll-secondary:      #0f172a;
  --ll-accent:         #06b6d4;

  /* ---- Semantic ---- */
  --ll-success: #16a34a;
  --ll-info:    #0ea5e9;
  --ll-warning: #f59e0b;
  --ll-danger:  #dc2626;

  /* ---- Neutrals ---- */
  --ll-bg:         #f6f8fb;
  --ll-surface:    #ffffff;
  --ll-text:       #1f2933;
  --ll-text-muted: #6b7280;
  --ll-border:     #e5e7eb;

  /* ---- Typography ---- */
  --ll-font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ll-font-heading: var(--ll-font-sans);

  /* ---- Shape & depth ---- */
  --ll-radius:    10px;
  --ll-radius-sm: 6px;
  --ll-shadow:    0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);

  /* ---- Brand assets (set when provided) ---- */
  --ll-logo-url: none;
}