/* ---------------------------------------------------------------------------
   Convert Light, hand-tuned: the light theme in convertrev.com's palette.

   The site's paper canvas (#f9faf5), white surfaces with soft layered
   shadows, near-black ink type, forest green for focus and selection, a
   forest-to-green gradient on primary actions — and the same forest sidebar
   as Convert Midnight, which anchors the page (those shared rules live in
   public/midnight.css). The app's own GHL blues are brought to the forest
   green by public/midnight.js. Every rule is
   scoped to :root[data-theme="daylight"].
--------------------------------------------------------------------------- */
:root[data-theme="daylight"] {
  color-scheme: light;

  --rail: #0f231a;
  --rail-hover: rgba(255, 255, 255, .05);
  --rail-active: rgba(63, 154, 112, .22);
  --rail-text: #b2c8bc;
  --rail-text-dim: #7c998a;

  --bg: #f9faf5;
  --surface: #ffffff;
  --line: #e4e8e3;
  --line-soft: #eff2ed;
  --text: #0f1a15;
  --muted: #52605a;
  --dim: #808c86;
  --hover: #f2f5f0;

  --brand: #2f7a58;
  --brand-soft: #e9f4ee;
  --purple: #8b5cf6;

  --action: linear-gradient(100deg, #1b3d2f, #25543f 40%, #2f7a58 78%, #3a8c66);
  --shadow: 0 1px 2px rgba(7, 25, 17, .04), 0 4px 14px -6px rgba(7, 25, 17, .08);

  /* calendar-settings.css */
  --ghl-blue: #25543f;
  --ghl-blue-soft: #e9f4ee;
}

/* A faint wash of the brand greens across the top of the canvas. */
:root[data-theme="daylight"] body {
  background:
    radial-gradient(1100px 420px at 30% -160px, rgba(63, 154, 112, .07), transparent 70%),
    radial-gradient(900px 380px at 100% -120px, rgba(95, 191, 147, .05), transparent 70%),
    var(--bg) fixed;
}
:root[data-theme="daylight"] ::selection { background: rgba(95, 191, 147, .28); }
:root[data-theme="daylight"] *:focus-visible { outline-color: #2f7a58; }

/* ----- top bar ----- */
/* Solid white like GHL's header, so it and a module header under it are one block. */
:root[data-theme="daylight"] .topbar { background: #fff; }
:root[data-theme="daylight"] .topbar .hdr-btn.ghost { background: #fff; border-color: var(--line); color: var(--muted); box-shadow: 0 1px 2px rgba(7, 25, 17, .05); }
:root[data-theme="daylight"] .topbar .hdr-btn.ghost:hover { color: var(--text); border-color: #cfdbd5; }
:root[data-theme="daylight"] .shell-badge { border-color: #fff; background: #5fbf93; }

/* ----- buttons ----- */
:root[data-theme="daylight"] .btn:where(:not(.ghost, .link)) { box-shadow: 0 8px 20px -12px rgba(63, 154, 112, .75), inset 0 1px 0 rgba(255, 255, 255, .25); }
:root[data-theme="daylight"] .btn.ghost,
:root[data-theme="daylight"] .select { background: #fff; border-color: #dce5e0; color: var(--text); box-shadow: 0 1px 2px rgba(7, 25, 17, .04); }
:root[data-theme="daylight"] .btn.ghost:hover,
:root[data-theme="daylight"] .select:hover { border-color: #c3d3cb; background: #fbfcf9; }
:root[data-theme="daylight"] .btn.link { color: #25543f; }
:root[data-theme="daylight"] .btn-group { border-color: #dce5e0; box-shadow: 0 1px 2px rgba(7, 25, 17, .04); }
:root[data-theme="daylight"] .btn-group > button { background: #fff; }

/* ----- fields ----- */
:root[data-theme="daylight"] .field input,
:root[data-theme="daylight"] .field select,
:root[data-theme="daylight"] .field textarea { border-color: #dce5e0; }
:root[data-theme="daylight"] .field input:focus,
:root[data-theme="daylight"] .field select:focus,
:root[data-theme="daylight"] .field textarea:focus { border-color: #2f7a58; box-shadow: 0 0 0 3px rgba(63, 154, 112, .14); }
:root[data-theme="daylight"] input::placeholder,
:root[data-theme="daylight"] textarea::placeholder { color: #93a89d; }
:root[data-theme="daylight"] input[type="checkbox"],
:root[data-theme="daylight"] input[type="radio"],
:root[data-theme="daylight"] input[type="range"] { accent-color: #2f7a58; }

/* ----- surfaces ----- */
:root[data-theme="daylight"] .card,
:root[data-theme="daylight"] .widget,
:root[data-theme="daylight"] .kpi { box-shadow: var(--shadow); }
:root[data-theme="daylight"] .shell-pop,
:root[data-theme="daylight"] .dlg,
:root[data-theme="daylight"] .gs {
  border-color: #e1e8e4;
  box-shadow: 0 1px 2px rgba(7, 25, 17, .05), 0 24px 60px -20px rgba(7, 25, 17, .28);
}
:root[data-theme="daylight"] .dlg-backdrop,
:root[data-theme="daylight"] .gs-back,
:root[data-theme="daylight"] .shell-drawer-back { background: rgba(4, 19, 12, .38); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
:root[data-theme="daylight"] .toast { background: #1b3d2f; color: #fff; }

/* ----- scrollbars ----- */
:root[data-theme="daylight"] ::-webkit-scrollbar { width: 10px; height: 10px; }
:root[data-theme="daylight"] ::-webkit-scrollbar-track { background: transparent; }
:root[data-theme="daylight"] ::-webkit-scrollbar-thumb {
  background: rgba(7, 25, 17, .16); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box;
}
:root[data-theme="daylight"] ::-webkit-scrollbar-thumb:hover { background-color: rgba(7, 25, 17, .26); }
:root[data-theme="daylight"] .rail ::-webkit-scrollbar-thumb { background-color: rgba(130, 178, 154, .2); }