/* =========================================================================
   Roberts Limbrick Home — Design tokens (v4 · glass + gradient)
   Soft gradient-mesh background, frosted-glass cards, a full-height brand
   sidebar rail on its own dark-blue background. Draws from
   _inspiration_selected (style1, Windows glass panel, iOS weather, meshes).

   :root -> light   ·   :root[data-theme="dark"] -> dark
   Token names kept stable (--card-bg, --ink, --link, --muted, --accent,
   --accent-soft, --shadow, --border-soft, --dot-idle) for the weather widget.
   ========================================================================= */

:root {
  color-scheme: light-rl;

  /* Brand accent */
  --accent:        #1f5fa8;
  --accent-strong: #17497f;
  --accent-ink:    #ffffff;
  /* --accent-soft:   rgba(31, 95, 168, 0.10); */
  --accent-soft: rgb(198 215 234);
  --accent-stronger: #1f5fa8a3;

  /* Soft gradient-mesh page background (blue / lilac blooms) */
  --bg-page:
    radial-gradient(1200px 820px at 8% 2%,  #dbe7fb 0%, rgba(219,231,251,0) 60%),
    radial-gradient(1000px 720px at 98% 0%, #e9def8 0%, rgba(233,222,248,0) 55%),
    radial-gradient(1200px 900px at 88% 100%, #cfe1f7 0%, rgba(207,225,247,0) 55%),
    radial-gradient(900px 760px at 0% 96%, #dbeaf8 0%, rgba(219,234,248,0) 55%),
    linear-gradient(180deg, #eef3fb 0%, #e8eef8 100%);

  /* Frosted glass surfaces */
  --glass:         rgba(255, 255, 255, 0.55);   /* light chrome, pills */
  --glass-strong:  rgba(255, 255, 255, 0.78);   /* content cards (legible) */
  --glass-border:  rgba(255, 255, 255, 0.75);
  --glass-hi:      rgba(255, 255, 255, 0.9);     /* top highlight */
  --card-bg:       rgba(255, 255, 255, 0.78);    /* legacy alias */

  /* Text */
  --ink:       #17222f;
  --ink-soft:  #35465a;
  --link:      #2b3c50;
  --muted:     #566475;

  /* Hairlines */
  --border:      rgba(24, 40, 64, 0.12);
  --border-soft: rgba(24, 40, 64, 0.08);
  --dot-idle:    rgba(24, 40, 64, 0.22);

  /* Elevation — soft float */
  --shadow:    0 2px 10px #9C27B0;
  --shadow-md: 0 8px 10px rgba(26, 44, 78, 0.14);
  --shadow-lg: 0 30px 80px rgba(20, 34, 66, 0.30);
  --ring: rgba(31, 95, 168, 0.5);
  --overlay: linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.55) 100%);

  /* ---- Full-height sidebar rail (its own dark-blue background) ---- */
  --side-bg:
    radial-gradient(700px 500px at 20% 0%, rgba(70,120,190,0.45) 0%, rgba(70,120,190,0) 60%),
    linear-gradient(200deg, #1e3f6b 0%, #183257 55%, #142a4a 100%);
  --side-ink:      #eef4fd;
  --side-muted:    #a7bcda;
  --side-border:   rgba(255, 255, 255, 0.14);
  --side-hover:    rgba(255, 255, 255, 0.10);
  --side-accent:   #8fbdf0;
  --side-dot:      #6fd0e6;
}


:root[data-theme="light"] {
  color-scheme: light;
  /* Brand accent */
  --accent: rgb(23 23 23);
  --accent-rgb: 23, 23, 23;
  --accent-strong: rgb(217 72 21);
  --accent-strong-rgb: 217, 72, 21;
  --accent-ink:    #ffffff;
  --accent-soft:   rgba(31, 95, 168, 0.10);
  --accent-soft: rgb(241 239 232);
  --accent-stronger: #d9481538;

  /* Soft gradient-mesh page background (blue / lilac blooms) */
  --bg-page: #ffffff;

  /* Frosted glass surfaces */
  --glass:         rgba(255, 255, 255, 0.55);   /* light chrome, pills */
  --glass-strong:  rgb(241 239 232);   /* content cards (legible) */
  --glass-border: #00000026;
  --glass-hi: rgba(255, 255, 255, 0.1);     /* top highlight */
  /* --card-bg:       #CDDC39; */   /* legacy alias */
  --card-bg:       #f1efe8;
  --card-radius: 8px;
  
  /* Text */
  --ink:       #17222f;
  --ink-soft:  #524e48;
  --link:      #2b3c50;
  --muted:     #232723;

  /* Hairlines */
  --border:      rgba(24, 40, 64, 0.12);
  --border-soft: rgb(23 23 23 / 20%);
  --dot-idle:    rgba(24, 40, 64, 0.22);

  /* Elevation — soft float */
  --shadow: 0 2px 10px 5px rgba(var());
  --shadow: 0 2px 5px 5px rgba(var(--accent-rgb), 0.1);
  --shadow-lg: 0 30px 80px rgb(212 219 235 / 0%);
  --ring: #FF5722;
  --overlay: linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.55) 100%);

  /* ---- Full-height sidebar rail (its own dark-blue background) ---- */
  --side-bg: #26292e;
  --side-ink:      #ffffff;
  --side-muted:    #eae4dc;
  --side-border:   rgba(255, 255, 255, 0.14);
  --side-hover:    rgba(255, 255, 255, 0.10);
  --side-accent:   #8fbdf0;
  --side-dot:      #d94815;

  .btn-secondary{
    --border-soft: var(--ink);
  }
}


:root[data-theme="dark-org"] {
  color-scheme: dark;

  --accent:        #79b0ec;
  --accent-strong: #9cc5f2;
  /* --accent-ink:    #0a1420; */
  --accent-ink:    #ffffff;
  --accent-soft:   rgba(121, 176, 236, 0.14);

  --bg-page:
    radial-gradient(1200px 820px at 8% 2%,  #16233f 0%, rgba(22,35,63,0) 60%),
    radial-gradient(1000px 720px at 98% 0%, #221c40 0%, rgba(34,28,64,0) 55%),
    radial-gradient(1200px 900px at 88% 100%, #12294a 0%, rgba(18,41,74,0) 55%),
    linear-gradient(180deg, #0d1320 0%, #0a0f19 100%);

  --glass:         rgba(30, 40, 56, 0.48);
  --glass-strong:  rgba(24, 33, 48, 0.62);
  --glass-border:  rgba(255, 255, 255, 0.12);
  --glass-hi:      rgba(255, 255, 255, 0.08);
  --card-bg:       rgba(24, 33, 48, 0.62);

  --ink:       #eef2f9;
  --ink-soft:  #cdd7e4;
  --link:      #c1cddb;
  --muted:     #8a99ad;

  --border:      rgba(255, 255, 255, 0.12);
  --border-soft: rgba(255, 255, 255, 0.07);
  --dot-idle:    rgba(255, 255, 255, 0.26);

  --shadow:    0 2px 10px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 16px 44px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.65);

  --ring: rgba(121, 176, 236, 0.55);

  --side-bg:
    radial-gradient(700px 500px at 20% 0%, rgba(50,90,150,0.30) 0%, rgba(50,90,150,0) 60%),
    linear-gradient(200deg, #101c30 0%, #0d1626 60%, #0b111d 100%);
  --side-ink:      #e8eff9;
  --side-muted:    #8ea0bb;
  --side-border:   rgba(255, 255, 255, 0.10);
  --side-hover:    rgba(255, 255, 255, 0.08);
  --side-accent:   #8fbdf0;
  --side-dot:      #55d3ea;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --accent:        rgb(93 126 181);
  --accent-rgb: 93, 126, 181;
  --accent-strong: rgb(199 245 64 / 64%);
  --accent-strong-rgb: 199, 245, 64;
  /* --accent-ink:    #0a1420; */
  --accent-ink:    #26292e;
  --accent-soft:   rgba(121, 176, 236, 0.14);

  --bg-page: #1c1e21;
  --glass:         rgba(30, 40, 56, 0.48);
  --glass-strong:  rgb(38 41 45);
  --glass-border: rgb(255 255 255 / 4%);
  --glass-hi:      rgba(255, 255, 255, 0.08);
  --card-bg:       #26292e;
  --card-radius: 8px;
  --card-shadow: 12px 12px 23px #1d2023,
             -12px -12px 23px #2f3239;
  --card-border: none;
  --ink:       #f9fafc;
  --ink-soft:  #dfe5ed;
  --link:      #c1cddb;
  --muted:     #8a99ad;
  --border:      rgba(255, 255, 255, 0.12);
  --border-soft: rgba(255, 255, 255, 0.07);
  --dot-idle:    rgba(255, 255, 255, 0.26);
  --shadow-hover:    0 2px 10px rgba(var(--accent-strong-rgb), 0.4);
  --shadow:    0 2px 10px #00000036;
  --shadow-md: 0 16px 44px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 30px 50px rgba(0, 0, 0, 0.5);
  --ring: rgba(121, 176, 236, 0.55);
  --side-bg: #26292e;
  --side-ink:      #e8eff9;
  --side-muted:    #8ea0bb;
  --side-border: rgb(112 112 112 / 10%);
  --side-hover:    rgba(255, 255, 255, 0.08);
  --side-accent:   #8fbdf0;
  --side-dot: var(--accent-strong);

  aside {box-shadow: var(--card-shadow)}

  .crm-progress {
    background: var(--accent-soft);
}
}
/*
:root { 
    --nt-info:rgb(31, 95, 168); 
    --nt-info-rgb: 31, 95, 168;
    --nt-action:rgb(217, 72, 21); 
    --nt-action-rgb: 217, 72, 21;
    --nt-warning:rgb(201, 132, 17); 
    --nt-warning-rgb: 201, 132, 17;
    --nt-success:rgb(96, 158, 46);
    --nt-success-rgb: 96, 158, 46;
    }
:root[data-theme="dark"] { 
    --nt-info:rgb(93, 126, 181); 
    --nt-info-rgb: 93, 126, 181;
    --nt-action:rgb(240, 130, 78); 
    --nt-action-rgb: 240, 130, 78;
    --nt-warning:rgb(224, 168, 58); 
    --nt-warning-rgb: 224, 168, 58;
    --nt-success:rgb(120, 195, 60);
    --nt-success-rgb: 120, 195, 60;
 }
*/