{
  "$meta": {
    "name": "JarvisPanel — Glass System 2.1",
    "version": "2.1.0",
    "status": "approved",
    "approved": true,
    "legacyVersion": "1.1.0",
    "approvedBy": "Yazeed",
    "approvedOn": "2026-10-03",
    "legacyPath": "../Legacy",
    "legacyPreserved": true
  },
  "css": {
    "--jp-ink": "#090D13",
    "--jp-surface": "#0B0B0D",
    "--jp-pearl": "#F2EEE6",
    "--jp-muted": "#C0CBD5",
    "--jp-ice": "#A6C8F4",
    "--jp-signal": "#DBEE93",
    "--jp-success": "#9DD7BC",
    "--jp-warning": "#F0C88A",
    "--jp-error": "#F2A8AB",
    "--jp-border": "rgb(255 255 255 / 12%)",
    "--jp-control-border": "#8F9DAA",
    "--jp-glass": "rgb(14 14 16 / 62%)",
    "--jp-blur": "22px",
    "--jp-reflection": "rgb(255 255 255 / 26%)",
    "--jp-shadow": "0 18px 46px rgb(0 0 0 / 70%)",
    "--jp-inset": "inset 0 1px 0 rgb(255 255 255 / 30%), inset 0 -1px 0 rgb(0 0 0 / 60%), inset 0 0 22px rgb(255 255 255 / 4%)",
    "--jp-radius-control": "13px",
    "--jp-radius-panel": "24px",
    "--jp-radius-large": "32px",
    "--jp-radius-pill": "999px",
    "--jp-font": "\"Geist\", system-ui, sans-serif",
    "--jp-font-ar": "\"IBM Plex Sans Arabic\", system-ui, sans-serif",
    "--jp-font-mono": "ui-monospace, \"SFMono-Regular\", monospace",
    "--jp-space-1": "4px",
    "--jp-space-2": "8px",
    "--jp-space-3": "12px",
    "--jp-space-4": "16px",
    "--jp-space-6": "24px",
    "--jp-space-8": "32px",
    "--jp-space-12": "48px",
    "--jp-space-16": "64px",
    "--jp-space-24": "96px",
    "--jp-micro": "160ms",
    "--jp-transition": "260ms",
    "--jp-reveal": "700ms",
    "--jp-ease": "cubic-bezier(.16,1,.3,1)",
    "--jp-target": "48px",
    "--jp-focus": "2px solid #B8D5F2",
    "--jp-canvas": "#000000",
    "--jp-text": "#F2EEE6",
    "--jp-accent": "#B8D5F2",
    "--jp-quiet": "rgb(10 10 12 / 92%)",
    "--jp-clear": "rgb(14 14 16 / 40%)",
    "--jp-hover": "rgb(255 255 255 / 10%)",
    "--jp-active": "rgb(255 255 255 / 18%)",
    "--jp-line": "rgb(255 255 255 / 11%)",
    "--jp-error-surface": "rgb(108 38 47 / 42%)",
    "--jp-success-surface": "rgb(28 81 63 / 42%)",
    "--jp-warning-surface": "rgb(100 67 27 / 42%)",
    "--jp-context-light": "rgb(110 165 190 / 70%)",
    "--jp-context-warm": "rgb(170 135 90 / 26%)",
    "--jp-field-shadow": "inset 0 1px 0 rgb(255 255 255 / 42%), inset 0 14px 16px -12px rgb(255 255 255 / 12%), inset 0 -1px 0 rgb(255 255 255 / 9%), inset 0 2px 6px rgb(0 0 0 / 50%)",
    "--jp-field-focus": "inset 0 1px 0 rgb(220 235 250 / 50%), inset 0 -1px 0 rgb(184 213 242 / 35%), inset 0 2px 8px rgb(0 0 0 / 45%), 0 0 0 3px rgb(184 213 242 / 45%), 0 0 24px -2px rgb(184 213 242 / 55%)"
  },
  "materialRoles": {
    "regular": "Everyday control and floating surface: contextual tint, diffuse background, fine lit rim and soft separating shadow.",
    "quiet": "Dense reading, form and table material from the same family; increased tint, stable content.",
    "clear": "Background-bearing decorative or low-density surfaces only, no mandatory lens displacement.",
    "opaque": "Complete accessibility variant of every material and theme, retaining shape, rim and hierarchy without backdrop effects."
  },
  "logo": {
    "geometry": "supplied lion paths retained",
    "flat": "primary identity and print",
    "gloss": "Soft pearl expression on a frosted contextual mount; no chrome-like bands. Preserve original geometry. Flat mark for small/print usage.",
    "clearSpace": "one quarter of visible mark height on each side"
  },
  "accessibility": {
    "normalTextContrast": 4.5,
    "largeTextAndControlsContrast": 3,
    "minimumTargetPx": 48,
    "reducedMotion": true,
    "opaqueAlternative": true
  },
  "motion": {
    "brandSequence": "still → restrained reveal → hold",
    "autoplay": false,
    "loop": false,
    "uiMs": [
      160,
      260,
      700
    ]
  },
  "themes": {
    "light": {
      "--jp-canvas": "#E8ECEE",
      "--jp-text": "#15232E",
      "--jp-muted": "#405361",
      "--jp-surface": "#E7EDF1",
      "--jp-accent": "#234F79",
      "--jp-glass": "rgb(242 246 248 / 82%)",
      "--jp-quiet": "rgb(245 247 249 / 94%)",
      "--jp-clear": "rgb(242 246 248 / 66%)",
      "--jp-border": "rgb(44 65 83 / 24%)",
      "--jp-control-border": "#647A8B",
      "--jp-reflection": "rgb(255 255 255 / 58%)",
      "--jp-shadow": "0 18px 46px rgb(31 52 71 / 12%)",
      "--jp-inset": "inset 0 1px 0 rgb(255 255 255 / 85%), inset 0 -1px 0 rgb(31 52 71 / 9%)",
      "--jp-focus": "2px solid #234F79",
      "--jp-hover": "rgb(40 70 94 / 9%)",
      "--jp-active": "rgb(40 70 94 / 16%)",
      "--jp-line": "rgb(40 70 94 / 15%)",
      "--jp-success": "#225D45",
      "--jp-warning": "#704710",
      "--jp-error": "#8A303B",
      "--jp-error-surface": "rgb(249 220 224 / 80%)",
      "--jp-success-surface": "rgb(218 239 228 / 80%)",
      "--jp-warning-surface": "rgb(247 234 210 / 80%)",
      "--jp-field-shadow": "inset 0 1px 0 rgb(255 255 255 / 85%), inset 0 -1px 0 rgb(31 52 71 / 9%), inset 0 2px 6px rgb(31 52 71 / 14%)",
      "--jp-field-focus": "inset 0 1px 0 rgb(255 255 255 / 85%), inset 0 2px 6px rgb(31 52 71 / 14%), 0 0 0 3px rgb(35 79 121 / 70%), 0 0 18px -2px rgb(35 79 121 / 45%)"
    }
  }
}