/* ══════════════════════════════════════════════════════════════════════
   OWENTRA BRIDGE — old token names → the new palette
   style.css and the older page templates were written against the first
   palette (--paper, --moss, --rule, --color-*...). Loaded after the shared
   tokens (landing/_tokens.css) by both the logged-in base and the public
   base, so every one of those pages picks up Plum, the warm neutrals and
   dark mode without being rewritten.
   ══════════════════════════════════════════════════════════════════════ */
:root {
  --cloud-canvas: var(--bg);
  --bone:         var(--bg);
  --bone-deep:    var(--surface-2);
  --cream:        var(--surface-2);
  --paper:        var(--surface);
  --paper-dim:    var(--surface-2);
  --panel:        var(--surface);
  --panel-solid:  var(--surface);
  --wash:         var(--surface-2);
  --ink-soft:     var(--ink-2);
  --ash:          var(--muted);
  --ash-soft:     var(--muted);
  --moss:         var(--accent);
  --moss-deep:    var(--accent-hover);
  --moss-bright:  var(--accent-hover);
  --moss-glow:    var(--accent-soft);
  --moss-line:    color-mix(in srgb, var(--accent) 35%, transparent);
  --accent-deep:  var(--accent-hover);
  --accent-bright:var(--accent-hover);
  --accent-glow:  var(--accent-soft);
  --accent-line:  color-mix(in srgb, var(--accent) 35%, transparent);
  --clay:         var(--muted);
  --clay-deep:    var(--ink-2);
  --clay-soft:    var(--surface-2);
  --olive:        var(--muted);
  --rule:         var(--line);
  --rule-strong:  var(--line-strong);
  --border:       var(--line-strong);
  --border-soft:  var(--line);
  --success:      var(--ok);
  --warn:         #8A5A00;
  --rust:         var(--danger);
  --font-sans:    var(--font-text);

  --color-primary:        var(--accent);
  --color-primary-hover:  var(--accent-hover);
  --color-primary-subtle: var(--accent-soft);
  --color-bg:             var(--bg);
  --color-surface:        var(--surface);
  --color-text:           var(--ink);
  --color-text-muted:     var(--muted);
  --color-text-disabled:  var(--muted);
  --color-border:         var(--line);
  --color-border-strong:  var(--line-strong);
  --color-success:        var(--ok);
  --color-success-subtle: color-mix(in srgb, var(--ok) 14%, transparent);
  --color-warning:        var(--warn);
  --color-warning-subtle: color-mix(in srgb, var(--warn) 14%, transparent);
  --color-error:          var(--danger);
  --color-error-subtle:   color-mix(in srgb, var(--danger) 12%, transparent);
  --color-info:           var(--ink);
  --color-info-subtle:    var(--accent-soft);

  --plan-pro-bg:   color-mix(in srgb, var(--warn) 14%, var(--surface));
  --plan-pro-text: var(--warn);
  --plan-pro-line: color-mix(in srgb, var(--warn) 45%, transparent);
  --plan-ent-bg:   var(--surface-2);
  --plan-ent-text: var(--ink);
  --plan-ent-line: var(--line-strong);

  --shadow-1: 0 1px 2px rgba(20, 16, 14, .04);
  --shadow-2: 0 4px 12px -2px rgba(20, 16, 14, .08);
  --shadow-3: 0 16px 40px -8px rgba(20, 16, 14, .18);

}
:root[data-theme="dark"] {
  --warn: #E3A848;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-2: 0 6px 16px -4px rgba(0, 0, 0, .45);
  --shadow-3: 0 18px 44px -8px rgba(0, 0, 0, .6);
}