/**
 * Ravenore design tokens (palette + elevation + type scale + surface semantics).
 * Safe to @import on any page that opts in; does not style elements by tag.
 *
 * Surface tokens (--rn-surface-*, --rn-chrome-*, --rn-divider*) are the UI-tightening
 * foundation: Phase 2+ maps shared components (e.g. control-panel) to these names.
 */

:root {
  /* —— Neutrals (charcoal / ink) —— */
  --rn-bg-deep: #070708;
  --rn-bg-app: #0a0b0d;
  --rn-bg-elevated: #12151a;
  --rn-bg-surface: #161a20;
  --rn-bg-surface-2: #1a1f26;
  --rn-border-subtle: rgba(255, 255, 255, 0.08);
  --rn-border-strong: rgba(255, 255, 255, 0.12);
  --rn-border-gold: rgba(201, 166, 74, 0.35);

  /* —— Text —— */
  --rn-text-primary: #eef0f3;
  --rn-text-secondary: #b4bcc6;
  --rn-text-muted: #7d8792;
  --rn-text-faint: #5a636d;

  /* —— Gold (luxury accent) —— */
  --rn-gold-300: #f0d78a;
  --rn-gold-400: #e4c56e;
  --rn-gold-500: #c9a64a;
  --rn-gold-600: #a8843a;
  --rn-gold-700: #7a6128;

  /* —— Semantic —— */
  --rn-success: #5bd38a;
  --rn-success-dim: rgba(40, 92, 43, 0.55);
  --rn-warning: #e8c56a;
  --rn-warning-dim: rgba(128, 107, 31, 0.5);
  --rn-danger: #e07a7a;
  --rn-danger-dim: rgba(122, 38, 38, 0.55);

  /* —— Decision moods (watch cards) —— */
  --rn-mood-buy-bg: linear-gradient(90deg, #3d2f0a 0%, #c9a64a 42%, #f0d78a 100%);
  --rn-mood-buy-text: #1a1206;
  --rn-mood-buy-glow: rgba(201, 166, 74, 0.45);

  --rn-mood-consider-bg: linear-gradient(90deg, #2a2412 0%, #6b5a28 50%, #a8843a 100%);
  --rn-mood-consider-text: #f5ecd4;
  --rn-mood-consider-glow: rgba(168, 132, 58, 0.35);

  /* Legacy name: was red — digest “PASS” profit tier is gray skip; use --rn-mood-skip-* for new UI */
  --rn-mood-pass-bg: linear-gradient(90deg, #2a1214 0%, #6b2a2e 48%, #8f3a3e 100%);
  --rn-mood-pass-text: #fde8e8;
  --rn-mood-pass-glow: rgba(180, 64, 72, 0.38);

  /* Profit tier PASS (≥0, below CONSIDER): gray — “skip / don’t click” */
  --rn-mood-skip-bg: linear-gradient(90deg, #161a1f 0%, #2a3139 52%, #3d4650 100%);
  --rn-mood-skip-text: #d8dde4;
  --rn-mood-skip-glow: rgba(120, 130, 145, 0.28);

  /* HARD PASS (negative profit): red — “trash” */
  --rn-mood-trash-bg: linear-gradient(90deg, #240f0f 0%, #6b1818 45%, #9a1f1f 100%);
  --rn-mood-trash-text: #ffeaea;
  --rn-mood-trash-glow: rgba(200, 60, 60, 0.4);

  /* —— Glass / panels —— */
  --rn-glass-bg: linear-gradient(
    165deg,
    rgba(26, 30, 36, 0.92) 0%,
    rgba(14, 16, 20, 0.88) 55%,
    rgba(10, 11, 14, 0.92) 100%
  );
  --rn-glass-blur: 12px;
  --rn-glass-highlight: rgba(255, 255, 255, 0.06);

  /* —— Elevation —— */
  --rn-shadow-1: 0 2px 12px rgba(0, 0, 0, 0.35);
  --rn-shadow-2: 0 10px 36px rgba(0, 0, 0, 0.45);
  --rn-shadow-inset-line: inset 0 1px 0 var(--rn-glass-highlight);
  --rn-glow-gold-soft: 0 0 0 1px rgba(201, 166, 74, 0.2), 0 0 40px rgba(201, 166, 74, 0.22);
  --rn-glow-buy: 0 0 0 1px rgba(201, 166, 74, 0.35), 0 0 52px rgba(201, 166, 74, 0.35),
    0 16px 48px rgba(0, 0, 0, 0.35);

  /*
   * —— Surface system (semantic aliases; Phase 1 = definitions only) ——
   *
   * One-surface rule (foundation for later passes):
   * - Each region gets at most one strong frame cue: prefer either a clear border OR a
   *   restrained shadow lift, not both at full strength everywhere.
   * - Inner structure uses hairlines (--rn-divider*), not second full borders.
   * - Gold: --rn-chrome-gold-* for passive / secondary ornament; --rn-border-gold and
   *   solid gold text tokens for primary emphasis (nav active, key CTAs, critical labels).
   * - Children of a framed surface should step down in weight (divider > border > glow).
   *
   * Panel defaults tuned in Phase 2: gold rim + single lift shadow (no extra keyline stack).
   */
  --rn-divider: var(--rn-glass-highlight);
  --rn-divider-strong: var(--rn-border-subtle);

  --rn-surface-panel-border: rgba(201, 166, 74, 0.26);
  --rn-surface-panel-shadow: var(--rn-shadow-1);

  --rn-chrome-gold-muted: rgba(201, 166, 74, 0.22);
  --rn-chrome-gold-faint: rgba(201, 166, 74, 0.14);

  --rn-surface-border-passive: var(--rn-border-subtle);
  --rn-surface-border-active: var(--rn-border-gold);

  /* —— Radii —— */
  --rn-radius-sm: 6px;
  --rn-radius-md: 10px;
  --rn-radius-lg: 14px;

  /* Visibility / status chips — single source (portfolio, /w/, landing) */
  --rn-chip-radius: var(--rn-radius-sm);
  --rn-chip-for-sale-bg: linear-gradient(180deg, #1a5c38 0%, #0f3d26 100%);
  --rn-chip-for-sale-border: rgba(95, 180, 125, 0.42);
  --rn-chip-for-sale-text: #e8f5ec;
  /* Portfolio = light blue */
  --rn-chip-portfolio-bg: linear-gradient(180deg, #1e3f5c 0%, #122a3d 100%);
  --rn-chip-portfolio-border: rgba(130, 195, 245, 0.42);
  --rn-chip-portfolio-text: #c8e4f8;
  /* Sold = Ravenore gold scale (--rn-gold-*) */
  --rn-chip-sold-bg: linear-gradient(
    180deg,
    #1a1610 0%,
    #3d3018 36%,
    var(--rn-gold-700) 62%,
    var(--rn-gold-600) 82%,
    var(--rn-gold-500) 100%
  );
  --rn-chip-sold-border: var(--rn-border-gold);
  --rn-chip-sold-text: rgba(255, 252, 248, 0.98);
  /* In service = steel blue (distinct from portfolio) */
  --rn-chip-in-service-bg: linear-gradient(180deg, #1a2f45 0%, #0f1c2a 100%);
  --rn-chip-in-service-border: rgba(120, 165, 220, 0.35);
  --rn-chip-in-service-text: #a8c8f0;

  /* —— Typography —— */
  --rn-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rn-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --rn-font-mono: ui-monospace, "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;
  --rn-track-tight: -0.01em;
  --rn-track-wide: 0.08em;
  --rn-track-caps: 0.14em;

  --rn-text-xs: 0.68rem;
  --rn-text-sm: 0.78rem;
  --rn-text-md: 0.88rem;
  --rn-text-lg: 1.05rem;
  --rn-text-xl: 1.35rem;

  /* Panel / grid column headings — single source (used by .rn-type-section-title) */
  --rn-section-title-font: var(--rn-font-sans);
  --rn-section-title-weight: 600;
  --rn-section-title-size: var(--rn-text-lg);
  --rn-section-title-tracking: var(--rn-track-tight);
  --rn-section-title-color: var(--rn-text-primary);
  --rn-section-title-line-height: 1.25;

  /* —— Motion —— */
  --rn-ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --rn-duration: 0.22s;

  /* —— Scrollbars (dark, subtle; WebKit + Firefox) —— */
  --rn-scrollbar-size: 8px;
  --rn-scrollbar-track: rgba(8, 9, 11, 0.55);
  --rn-scrollbar-thumb: rgba(201, 166, 74, 0.2);
  --rn-scrollbar-thumb-hover: rgba(201, 166, 74, 0.32);

  /* App shell: fixed left rail (sidebar + main margin use the same value) */
  --rn-sidebar-width: 200px;
}