מדיה ויקי:Common.css

  /******** Brand tokens ********/
  :root {
    /* Core brand */
    --mc-primary:      #B47CFF;   /* MindCRM purple */
    --mc-primary-600:  #9C64FF;   /* hover/active */
    --mc-deep:         #12003F;   /* deep indigo */
    --mc-bg-white:     #ffffff;   /* page background */
    --mc-bg:           #eae3ff;   /* light lavender border */
    --mc-surface:      #fbf9ff;   /* subtle tinted panel */
    --mc-border:       #eae3ff;   /* light lavender border */
    --mc-text:         #111827;   /* base text */
    --mc-muted:        #6b7280;   /* secondary text */

    /* accents/utilities */
    --mc-success:      #16a34a;
    --mc-danger:       #dc2626;
    --mc-warning:      #f59e0b;
    --mc-link:         var(--mc-primary);
    --mc-link-visit:   #7a4be6;
    --mc-focus:        rgba(180,124,255,.35);

    /* elevation */
    --mc-shadow:       0 2px 10px rgba(18,0,63,.08);
    --mc-radius:       12px;
  }

  /******** Base ********/
  html, body {
    color: var(--mc-text);
    background: var(--mc-bg);
  }
  #mw-head{
  	background: var(--mc-bg);
  }
  a, .mw-body a {
    color: var(--mc-link);
    text-decoration-color: rgba(180,124,255,.45);
    text-underline-offset: 2px;
  }
  a:visited    { color: var(--mc-link-visit); }
  a:hover,
  a:focus      { color: var(--mc-primary-600); text-decoration-thickness: 2px; }

  /* Focus ring */
  :where(a, button, input, select, textarea):focus {
    outline: 2px solid var(--mc-focus);
    outline-offset: 2px;
  }

  /******** Page header ********/
  #firstHeading, .mw-first-heading {
    color: var(--mc-deep);
    position: relative;
    direction: rtl;
  }
  #firstHeading::after, .mw-first-heading::after {
    content: "";
    display: block;
    height: 3px;
    margin-top: .35rem;
    background: linear-gradient(90deg, var(--mc-primary), var(--mc-primary-600));
    border-radius: 2px;
  }

  /******** TOC ********/
  #toc, .toc {
    background: var(--mc-surface);
    border: 1px solid var(--mc-border);
    border-radius: var(--mc-radius);
    padding: .75rem .9rem;
    box-shadow: var(--mc-shadow);
  }
  .tocnumber { color: var(--mc-deep); }
  .toctogglelabel, .toctogglecheckbox ~ .toctitle {
    color: var(--mc-primary-600);
  }

  /******** Wikitables ********/
  .wikitable {
    border: 1px solid var(--mc-border);
    border-collapse: collapse;
    box-shadow: var(--mc-shadow);
  }
  .wikitable th {
    background: #f5f0ff;
    color: var(--mc-deep);
    border: 1px solid var(--mc-border);
  }
  .wikitable td {
    border: 1px solid var(--mc-border);
  }
  .wikitable tr:nth-child(even) td {
    background: #fcfbff;
  }
  .wikitable caption {
    color: var(--mc-muted);
  }

  /******** Collapsibles ********/
  .mw-collapsible-toggle {
    color: var(--mc-primary-600);
    font-weight: 600;
  }
  .mw-collapsible-toggle::before {
    content: "▾";
    margin-inline-end: .35rem;
  }

  /******** Buttons (forms & OOUI-ish) ********/
  .mw-ui-button,
  .mw-htmlform-submit,
  input[type="submit"],
  button.mw-ui-button {
    background: linear-gradient(90deg, var(--mc-primary), var(--mc-focus));
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: .5rem .9rem;
    box-shadow: var(--mc-shadow);
  }
  .mw-ui-button:hover,
  .mw-htmlform-submit:hover,
  input[type="submit"]:hover {
    filter: brightness(1.05);
    cursor: pointer;
  }

  /******** Code blocks ********/
  pre, code, .mw-code {
    background: #f7f3ff;
    border: 1px solid var(--mc-border);
    border-radius: 8px;
  }

  /******** Portals: 2×2 table block ********/
  .portal-table th {
    background: #f3ecff;
    color: var(--mc-deep);
    border-color: var(--mc-border);
  }
  .portal-table td {
    background: #fff;
    border-color: var(--mc-border);
    vertical-align: top;
  }
  .table-responsive { overflow-x: auto; }

  /******** “Mind cards” grid block ********/
  .mindcards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 14px;
    margin: 1rem 0 2rem;
  }
  .mindcard {
    background: var(--mc-bg);
    border: 1px solid var(--mc-border);
    border-radius: var(--mc-radius);
    box-shadow: var(--mc-shadow);
    padding: 12px 14px;
  }
  .mindcard > h3 {
    margin: 0 0 .6rem;
    padding-bottom: .35rem;
    font-weight: 700;
    background: linear-gradient(90deg, var(--mc-primary), var(--mc-primary-600));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* gradient text */
  }

  /******** Vector 2022 tweaks ********/
  .skin-vector-2022 .mw-page-container { max-width: 1200px; }
  .skin-vector-2022 .vector-toc {
    --border-color: var(--mc-border);
    --background-color: var(--mc-surface);
  }
  .skin-vector-2022 .vector-menu-content-list .vector-menu-content-list-item > a {
    --color-base--emphasized: var(--mc-primary);
  }

  /******** Minerva (mobile) tweaks ********/
  .skin-minerva a { color: var(--mc-link); }
  .skin-minerva .toc { border-color: var(--mc-border); background: var(--mc-surface); }

  /******** Messages / banners ********/
  .ambox, .mw-message-box {
    border: 1px solid var(--mc-border);
    border-inline-start: 4px solid var(--mc-primary);
    background: #fcfbff;
    border-radius: 8px;
    box-shadow: var(--mc-shadow);
  }
  .vector-menu-dropdown .vector-menu-content, .vector-menu-tabs ul{
  	 background:var(--mc-bg);
  }
  .vector-menu-tabs li{
  	background-image:linear-gradient(to top,var(--mc-bg) 0,var(--mc-border) 1px,#ffffff 100%);
  }
  .vector-menu-tabs .selected{
  	background-image:linear-gradient(to top,var(--mc-bg) 0,var(--mc-focus) 1px,#ffffff 100%);
  }
  .vector-menu-portal .vector-menu-content li a{
  	color:var(--mc-primary-600);
  }
  #searchButton, #mw-searchButton{
    background-color:transparent ;	
  }
  .vector-menu-tabs li{
	border-radius: 5px 5px 0px 0p;
  }
  /******** Page title (optional: hide on main page) ********/
  /* body.page-עמוד_ראשי #firstHeading { display: none; } */