/* Original production material values, scoped to the two holo cards.
   Shine, foil, glare and motion are restored verbatim in index.html. */
.mentor-holo-card{
  color-scheme:dark;
  --bg:#08090b;
  --bg-2:#0b0d10;
  --bg-3:#0e1114;
  --text:#f3f5f7;
  --text-2:#c9ced4;
  --muted:#949aa3;
  --faint:#7a8089;
  --line:rgba(255,255,255,.075);
  --line-2:rgba(255,255,255,.14);
  --line-3:rgba(255,255,255,.22);

  --accent:#d9dcdf;      /* silver — decorative accent, monochrome */
  --accent-2:#7d838b;
  --accent-ink:#0c0d0f;  /* text on accent-filled buttons */

  --up:#6fd39b;          /* trading semantics only */
  --down:#e88a90;
  --warn:#e0b978;

  /* glass materials */
  --g-primary-fill:linear-gradient(158deg,#15181c,#111418);
  --g-primary-edge:rgba(255,255,255,.10);
  --g-primary-inner:inset 0 1px 0 rgba(255,255,255,.055);
  --g-primary-shadow:0 24px 60px -28px rgba(0,0,0,.8);

  --g-secondary-fill:linear-gradient(158deg,#101317,#0d1014);
  --g-secondary-edge:rgba(255,255,255,.065);

  --g-instrument-fill:linear-gradient(180deg,#0f1216,#0b0e11);
  --g-instrument-edge:rgba(255,255,255,.09);
  --g-instrument-inner:inset 0 1px 0 rgba(255,255,255,.04);

  --g-elevated-fill:linear-gradient(160deg,#191d22,#111418);
  --g-elevated-edge:rgba(255,255,255,.12);
  --g-elevated-shadow:0 50px 120px -40px rgba(0,0,0,.9);

  --g-input-fill:#0e1115;
  --g-input-edge:rgba(255,255,255,.12);
  --g-input-focus:rgba(255,255,255,.34);

  --g-nav-fill:rgba(12,14,17,.93);
  --g-nav-edge:rgba(255,255,255,.09);

  --blur:18px;
  --shadow-soft:0 18px 44px -22px rgba(0,0,0,.75);
  --shadow-lift:0 30px 70px -34px rgba(0,0,0,.85);

  /* neumorphic control lighting */
  --grain-a:.13;
  --grain-b:.05;

  /* silk waves */
  --silk-color:#7B7481;
  --silk-bg:#08090b;
  --silk-intensity:.92;
  --silk-strength:.5;
  --silk-grain:.052;

  --field-glow:rgba(220,228,238,.06);
  --field-line:rgba(255,255,255,.026);
  --field-rake:rgba(255,255,255,.022);

  --neu-bg:#15181c;
  --neu-light:rgba(255,255,255,.075);
  --neu-dark:rgba(0,0,0,.7);

  --candle-up:#e6e9ec;
  --candle-down:#6b7178;
  max-width:376px;
}
:root[data-theme="light"] .mentor-holo-card{
  color-scheme:light;
  --bg:#eeeff0;
  --bg-2:#f6f7f7;
  --bg-3:#fbfbfc;
  --text:#15171a;
  --text-2:#33373c;
  --muted:#5e646b;
  --faint:#64696f;
  --line:rgba(16,18,21,.10);
  --line-2:rgba(16,18,21,.16);
  --line-3:rgba(16,18,21,.26);

  --accent:#2a2e33;
  --accent-2:#6d737a;
  --accent-ink:#ffffff;

  --up:#16794c;
  --down:#a83a41;
  --warn:#7f5b16;

  /* light glass = paper on pearl, not inverted dark glass */
  --g-primary-fill:linear-gradient(158deg,#ffffff,#fafbfc);
  --g-primary-edge:rgba(16,18,21,.09);
  --g-primary-inner:inset 0 1px 0 rgba(255,255,255,1);
  --g-primary-shadow:0 18px 40px -26px rgba(28,32,38,.45);

  --g-secondary-fill:linear-gradient(158deg,#f8f9fa,#f2f3f5);
  --g-secondary-edge:rgba(16,18,21,.075);

  --g-instrument-fill:linear-gradient(180deg,#ffffff,#f6f7f8);
  --g-instrument-edge:rgba(16,18,21,.11);
  --g-instrument-inner:inset 0 1px 0 #fff;

  --g-elevated-fill:linear-gradient(160deg,#ffffff,#f7f8f9);
  --g-elevated-edge:rgba(16,18,21,.12);
  --g-elevated-shadow:0 40px 90px -38px rgba(28,32,38,.42);

  --g-input-fill:#ffffff;
  --g-input-edge:rgba(16,18,21,.16);
  --g-input-focus:rgba(16,18,21,.5);

  --g-nav-fill:rgba(250,251,252,.94);
  --g-nav-edge:rgba(16,18,21,.09);

  --blur:20px;
  --shadow-soft:0 14px 34px -20px rgba(28,32,38,.4);
  --shadow-lift:0 26px 60px -30px rgba(28,32,38,.42);

  --grain-a:.085;
  --grain-b:.03;

  /* silk waves — pearl drape, folds read darker than the paper */
  --silk-color:#c4c8cd;
  --silk-bg:#f2f3f4;
  --silk-intensity:1;
  --silk-strength:.44;
  --silk-grain:.036;

  --field-glow:rgba(255,255,255,.95);
  --field-line:rgba(16,18,21,.034);
  --field-rake:rgba(255,255,255,.55);

  --neu-bg:#e8e9eb;
  --neu-light:rgba(255,255,255,.95);
  --neu-dark:rgba(20,24,28,.18);

  --candle-up:#1c1f23;
  --candle-down:#a9aeb4;
}