/* Any Cloud palette for Lagom2 — amber primary on zinc neutrals, matching www.anycloud.host.
   Loaded by Lagom2 after vars/minified.css, so these win without touching compiled files. */
:root, .lagom {
  --gray-base: #71717a; --gray-lighter: #a1a1aa; --gray-lighter-2: #d4d4d8; --gray-lighter-3: #e4e4e7;
  --gray-lighter-4: #f4f4f5; --gray-faded: #fafafa; --gray-darker: #09090b;
  --gray-gradient-start: #f4f4f5; --gray-gradient-end: #ffffff;
  --gray-icons: #a1a1aa; --gray-icons-hover: #b45309;

  --brand-primary: #f59e0b; --brand-primary-lighter: #fbbf24; --brand-primary-lighter-2: #fde68a;
  --brand-primary-lighter-3: #fef3c7; --brand-primary-lighter-4: #fffbeb; --brand-primary-darker: #d97706;
  --brand-primary-gradient-start: #f59e0b; --brand-primary-gradient-end: #fbbf24;

  --brand-secondary: #18181b; --brand-secondary-lighter: #3f3f46; --brand-secondary-darker: #09090b;
  --brand-secondary-gradient-start: #09090b; --brand-secondary-gradient-end: #27272a;

  --brand-info: #52525b; --brand-info-lighter: #71717a; --brand-info-lighter-2: #d4d4d8;
  --brand-info-lighter-3: #f4f4f5; --brand-info-darker: #3f3f46;
  --brand-info-gradient-start: #3f3f46; --brand-info-gradient-end: #52525b;

  --brand-warning: #ea580c; --brand-warning-lighter: #fb923c; --brand-warning-lighter-2: #fed7aa;
  --brand-warning-lighter-3: #ffedd5; --brand-warning-lighter-4: #fff7ed; --brand-warning-darker: #c2410c;
  --brand-warning-gradient-start: #c2410c; --brand-warning-gradient-end: #ea580c;

  --btn-primary-color: #451a03; --btn-primary-hover-color: #451a03;
  --btn-primary-hover-bg: #fbbf24; --btn-primary-hover-border: #fbbf24;

  --svg-illustration-color-0: #b45309; --svg-illustration-color-1: #f59e0b; --svg-illustration-color-2: #fbbf24;
  --svg-illustration-color-3: #fcd34d; --svg-illustration-color-4: #fde68a; --svg-illustration-color-5: #fef3c7;
  --svg-illustration-color-6: #fffbeb; --svg-illustration-color-7: #ffffff;
  --svg-banner-shape-left: #27272a; --svg-banner-shape-right: #3f3f46;
}
/* amber on the dark hero must stay readable; keep white copy there */
.lagom .banner .btn-primary, .lagom .lagom-banner .btn-primary { color: #451a03; }
