{
  "formatVersion": 1,
  "status": "Machine-readable design values for Tessel revision 3 (Carmine): a futuristic, minimal standard with a reusable CSS token sheet in the interaction reference.",
  "color": {
    "background": "#1B1B1D",
    "surface": "#1F1F22",
    "raised": "#232326",
    "selected": "#2A2A2F",
    "foreground": "#E6E3E1",
    "muted": "#89868A",
    "border": "#76767C",
    "accent": "#960018",
    "accentForeground": "#E6E3E1",
    "selectionIndicator": "#960018",
    "focus": "#960018",
    "action": "#960018",
    "actionHover": "#A81226",
    "actionPressed": "#7E0014",
    "actionForeground": "#FFFFFF",
    "progress": "#B8AAA0",
    "info": "#72AAA5",
    "warning": "#C9A86A",
    "success": "#A3B58A",
    "danger": "#E8939F",
    "materialRim": "#3D3D42",
    "materialShade": "#111113",
    "edge": "#43434A",
    "grid": "#28282B",
    "surround": "#191919",
    "selectedStrong": "#33333A",
    "hover": "#28282D",
    "pressed": "#2E2E34",
    "infoFill": "#1C2B29",
    "warningFill": "#2E2617",
    "successFill": "#222B1D",
    "dangerFill": "#3B1B22",
    "disabledForeground": "#89868A",
    "disabledFill": "#1B1B1D",
    "readOnlyFill": "#232326",
    "textSelection": "#3F3F46",
    "findMatch": "#4A3E24",
    "findMatchActive": "#63552F"
  },
  "space": {
    "unit": "CSS-pixel-equivalent; adapt to native units and user scaling",
    "scale": [
      4,
      8,
      12,
      16,
      24,
      32
    ],
    "compartmentGutter": 8,
    "controlGap": 8,
    "panelPadding": 8,
    "controlGapMinimum": 6,
    "relatedGroupGap": [
      12,
      16
    ],
    "sectionGap": 24,
    "scope": "Distinct grouped interactive controls, including navigation and table actions. Composite control internals follow native semantics."
  },
  "type": {
    "unit": "CSS-pixel-equivalent",
    "sans": [
      "Segoe UI",
      "system-ui",
      "sans-serif"
    ],
    "mono": [
      "Consolas",
      "Cascadia Mono",
      "Courier New",
      "monospace"
    ],
    "size": {
      "caption": 11,
      "dense": 12,
      "label": 13,
      "body": 16,
      "section": 18,
      "title": 24,
      "display": 32
    },
    "weight": {
      "regular": 400,
      "emphasis": 600
    },
    "bodyLineHeight": 1.5,
    "lineHeight": {
      "label": 1.25,
      "body": 1.5,
      "dense": 1.2,
      "title": 1.2
    },
    "letterSpacing": {
      "unit": "em",
      "body": 0,
      "capsLabel": 0.02
    },
    "numeric": {
      "tabularFigures": true,
      "align": "right",
      "monospace": "optional"
    },
    "densityRoles": {
      "compact": {
        "row": "dense",
        "control": "label"
      },
      "comfortable": {
        "row": "label",
        "control": "label"
      },
      "touch": {
        "row": "body",
        "control": "body"
      }
    },
    "truncation": {
      "singleLine": "end ellipsis with full text in a tooltip and the accessible name",
      "paths": "middle ellipsis keeping the file name",
      "wrap": "labels and body wrap; data cells truncate"
    }
  },
  "motion": {
    "unit": "milliseconds",
    "shortTransition": 120,
    "panelTransition": 180,
    "reducedMotion": "Remove nonessential transitions and preserve stable progress and status information.",
    "maximumTransition": 200,
    "duration": {
      "hover": 80,
      "press": 60,
      "expand": 160,
      "drawer": 180,
      "toast": 120
    },
    "easing": {
      "standard": [
        0.2,
        0,
        0,
        1
      ],
      "exit": [
        0.4,
        0,
        1,
        1
      ]
    },
    "stagger": 0,
    "reducedDuration": 0,
    "allowed": [
      "state change",
      "panel or drawer open and close",
      "determinate or indeterminate progress"
    ],
    "forbidden": [
      "ambient or looping decoration",
      "layout shift of data rows",
      "motion with no cause"
    ]
  },
  "contrast": {
    "method": "Unrounded WCAG relative luminance in linear sRGB. Test OKLCH and sRGB fallbacks independently.",
    "guidance": "materials.md#measured-palette-contract",
    "actionLabelTarget": "Label on the primary action: at least 5:1 at rest and pressed, at least 4.5:1 on hover (AA).",
    "distinctFillMinimum": 1.05,
    "selectedFillMinimum": 1.1,
    "focusSelectionMinimum": 1.3,
    "distinctness": "Roles that must read as different states never share a value, except by design in revision 3: in the dark theme the selection indicator and the focus outline are the same Carmine and are told apart by geometry (a bar or underline on the item, an outline around the control). Primary action vs raised, selected vs surface keep their ratio floors. The primary action fill is Carmine with a border rim and an off-white label; in the light theme it also reaches 3:1 against every surface.",
    "actionSurfaceMinimum": 3,
    "edgeMinimum": 1.4,
    "gridRange": [
      1.04,
      1.3
    ],
    "surfaceLuminanceStep": {
      "unit": "Relative luminance change from each surface to the next, as a ratio minus 1",
      "dark": [
        0.15,
        0.4
      ],
      "highContrast": [
        1.5,
        3
      ]
    },
    "disabledMinimum": 3,
    "textSelectionFillMinimum": 1.3,
    "findFillMinimum": 1.1,
    "highContrastTextMinimum": 7,
    "highContrastNote": "High Contrast text, semantic colors, selection and focus reach 7:1 on every surface. The primary action cannot reach both 7:1 for its label and 3:1 for its fill on black, so it carries a 2px border in `border` instead.",
    "accentIndicatorMinimum": 1.35,
    "accentIndicatorRule": "Revision 3 Carmine (#960018) is a deep, restrained accent: on the dark surfaces it measures 1.89:1 on the background, 1.81:1 on the surface, 1.72:1 on raised, 1.57:1 on the selected fill and 1.38:1 on the strong selected fill. A Carmine indicator is therefore never the only cue: the active tab also carries its label and position, the selected row also changes fill, the focused control also shows its native state, and the text cursor is off-white with only a Carmine cap. The primary action is a Carmine fill with an off-white label (7.1:1) and a 1px rim in the border role, so it never relies on fill-to-surface contrast alone.",
    "mutedRule": "Muted (#89868A) is secondary text and the code-comment color. It reaches 4.78:1 on the editor background and 4.58:1 on the surface; on raised and selected fills it measures 4.37:1 and 3.98:1, so those surfaces carry short secondary labels only and anything the user must read at length uses the foreground role. In the light theme muted reaches at least 4.5:1 on every surface."
  },
  "designRevision": 3,
  "lightColor": {
    "background": "#EDEDF0",
    "surface": "#FFFFFF",
    "raised": "#E4E4E9",
    "selected": "#DDDDE4",
    "foreground": "#202023",
    "muted": "#50505B",
    "border": "#676772",
    "accent": "#960018",
    "accentForeground": "#FFFFFF",
    "selectionIndicator": "#960018",
    "focus": "#C8102E",
    "action": "#960018",
    "actionHover": "#7E0014",
    "actionPressed": "#660011",
    "actionForeground": "#FFFFFF",
    "progress": "#50505B",
    "info": "#1F4E4A",
    "warning": "#6B4A00",
    "success": "#3C5A2E",
    "danger": "#960018",
    "materialRim": "#FFFFFF",
    "materialShade": "#C2C2CA",
    "edge": "#B8B8BD",
    "grid": "#F2F2F5",
    "surround": "#D6D6D6",
    "selectedStrong": "#CACAD3",
    "hover": "#D5D5DD",
    "pressed": "#C9C9D3",
    "infoFill": "#CDE3E0",
    "warningFill": "#F0E3BC",
    "successFill": "#DCE8D2",
    "dangerFill": "#F3D9DD",
    "disabledForeground": "#7E7E8A",
    "disabledFill": "#F2F2F5",
    "readOnlyFill": "#F4F4F7",
    "textSelection": "#E3C8CC",
    "findMatch": "#FFE97A",
    "findMatchActive": "#FFD33D"
  },
  "density": {
    "default": "compact",
    "perClass": {
      "dataRows": "compact",
      "toolbars": "compact",
      "trees": "compact",
      "navigation": "compact",
      "forms": "comfortable",
      "dialogs": "comfortable",
      "touch": "touch",
      "panelHeaders": "compact",
      "timelines": "compact",
      "meters": "compact"
    },
    "compact": {
      "panelPadding": 8,
      "controlMinHeight": 32,
      "rowMinHeight": 28
    },
    "comfortable": {
      "panelPadding": 16,
      "controlMinHeight": 40,
      "rowMinHeight": 36
    },
    "touch": {
      "panelPadding": 20,
      "controlMinHeight": 48,
      "rowMinHeight": 48
    },
    "narrowControlMinHeight": 44,
    "touchControlMinWidth": 44,
    "rule": "Density is chosen per component class, not per application. Revision 3 is compact-first: rows, toolbars, trees, panel headers and primary navigation default to Compact with minimal padding. Forms and dialogs default to Comfortable. Touch applies when the input is touch."
  },
  "compartments": {
    "inspectorWidth": 300,
    "inspectorMin": 240,
    "inspectorMax": 420,
    "drawerBelowCssPixels": 901,
    "storageVersion": 1,
    "reset": "Width and collapse only; preserve other display preferences."
  },
  "effects": {
    "default": false,
    "rule": "Optional neutral decorative edge. The signature grid motif is separate and always on where defined. The deep accent is Carmine (#960018): it fills the primary action and large tinted regions with a light label. Selection and focus use Carmine as a thin edge, bar or outline, always paired with a fill change, a label or a native state."
  },
  "material": {
    "scope": "Opaque surfaces with shallow material relief. The dark background carries the fine square grid texture in empty areas, fading behind code and dense content. Controls and state fills stay solid.",
    "dark": {
      "structuralShadow": "0 2px 3px #0003"
    },
    "light": {
      "structuralShadow": "0 2px 3px #00000014"
    },
    "primary": "Solid Carmine action fill with a white label, distinct hover and pressed states, and a 1px rim in the border role so the fill never relies on surface contrast alone.",
    "disabled": "Solid surface, muted label and dashed border.",
    "field": "Solid surface and shallow inset shadow with native control appearance.",
    "focus": "Thin Carmine outline in the focus role: 2px with a 2px offset in the dark theme.",
    "forcedColors": "Use native system colors and visible outlines.",
    "texture": {
      "default": "grid",
      "options": [
        "grid",
        "flat"
      ],
      "rule": "The fine square grid (grid role, 24px cell, 1px lines) is visible in empty areas and fades behind code and dense content. Fields and controls stay flat. The wood-grain texture from revision 2 is retired."
    }
  },
  "settings": {
    "pinMinimumViewport": 1640,
    "drawerWidth": 360,
    "primaryWorkMinimumAtPinThreshold": 576,
    "sections": [
      "appearance",
      "layout",
      "shortcuts"
    ],
    "defaultSection": "appearance",
    "defaultPinned": false,
    "openState": "Transient; closed on reload",
    "appearance": "Immediate application and persistence",
    "layout": "Details width staged until Apply or Cancel; draft retained on close for visit; clean follows divider/reset, dirty remains until explicit resolution",
    "presentation": "Right-edge native modal unless pinned at a safe width; pinned column is nonmodal; saved pin retained",
    "storage": "Existing tessel.display.v1 and version 1; optional validated settingsSection and settingsPinned fields"
  },
  "actions": {
    "layout": "CSS Grid auto-fit with minimum min(100%,max(9rem,calc((100% - 8px)/2))), 1fr expansion, at most two tracks; Start spans entire first row; normal source order",
    "order": [
      "start",
      "pause/resume",
      "cancel"
    ],
    "gap": 8,
    "labels": "Wrap naturally; content determines height; no filler controls"
  },
  "surfaceAliases": {
    "surface-1": "background",
    "surface-2": "surface",
    "surface-3": "raised",
    "surface-4": "selected"
  },
  "appearanceAccents": {
    "default": "carmine",
    "presets": {
      "carmine": {
        "label": "Carmine"
      },
      "github": {
        "label": "GitHub",
        "dark": {
          "accent": "#15263C",
          "action": "#1A7F37",
          "actionHover": "#238636",
          "actionPressed": "#116329",
          "selectionIndicator": "#409EFF",
          "focus": "#71B7FF"
        },
        "light": {
          "accent": "#0550AE",
          "action": "#1A7F37",
          "actionHover": "#238636",
          "actionPressed": "#116329",
          "selectionIndicator": "#0969DA",
          "focus": "#0550AE"
        },
        "oklch": {
          "dark": {
            "accent": "oklch(0.26559937 0.04732972 255.4106)",
            "action": "oklch(0.52441141 0.14007706 148.0394)",
            "actionHover": "oklch(0.54603681 0.14742919 146.258)",
            "actionPressed": "oklch(0.43905781 0.11792521 148.0652)",
            "selectionIndicator": "oklch(0.68977473 0.16785591 252.1779)",
            "focus": "oklch(0.76253203 0.12606958 250.4196)"
          },
          "light": {
            "accent": "oklch(0.45094541 0.16413839 258.1788)",
            "action": "oklch(0.52441141 0.14007706 148.0394)",
            "actionHover": "oklch(0.54603681 0.14742919 146.258)",
            "actionPressed": "oklch(0.43905781 0.11792521 148.0652)",
            "selectionIndicator": "oklch(0.53992423 0.19058429 257.4815)",
            "focus": "oklch(0.45094541 0.16413839 258.1788)"
          }
        }
      },
      "crimson": {
        "label": "Crimson",
        "dark": {
          "accent": "#76172A",
          "action": "#D02946",
          "actionHover": "#D6304B",
          "actionPressed": "#CA2141",
          "selectionIndicator": "#DD294B",
          "focus": "#FF4D73"
        },
        "light": {
          "accent": "#76172A",
          "action": "#B40234",
          "actionHover": "#A3052F",
          "actionPressed": "#920629",
          "selectionIndicator": "#9E1534",
          "focus": "#D61F45"
        },
        "oklch": {
          "dark": {
            "accent": "oklch(0.37536078 0.12835748 15.2251)",
            "action": "oklch(0.56158302 0.20011387 17.9319)",
            "actionHover": "oklch(0.57818102 0.20021808 17.8009)",
            "actionPressed": "oklch(0.54476164 0.20020681 18.0277)",
            "selectionIndicator": "oklch(0.58563984 0.21167116 17.4767)",
            "focus": "oklch(0.6798201 0.21343679 12.5843)"
          },
          "light": {
            "accent": "oklch(0.37536078 0.12835748 15.2251)",
            "action": "oklch(0.48878953 0.19486524 17.6138)",
            "actionHover": "oklch(0.45547567 0.17984596 17.5597)",
            "actionPressed": "oklch(0.42091089 0.16500962 17.8287)",
            "selectionIndicator": "oklch(0.45318915 0.16841398 16.2572)",
            "focus": "oklch(0.56625342 0.21175472 17.6485)"
          }
        }
      },
      "blue": {
        "label": "Blue",
        "dark": {
          "accent": "#023C79",
          "action": "#036DCD",
          "actionHover": "#1072D3",
          "actionPressed": "#0168C5",
          "selectionIndicator": "#5FA8FF",
          "focus": "#ACD1FF"
        },
        "light": {
          "accent": "#023C79",
          "action": "#0059AA",
          "actionHover": "#045099",
          "actionPressed": "#01478A",
          "selectionIndicator": "#1558A6",
          "focus": "#327AD1"
        },
        "oklch": {
          "dark": {
            "accent": "oklch(0.36142938 0.11746490 255.1271)",
            "action": "oklch(0.53843016 0.16986664 253.9632)",
            "actionHover": "oklch(0.55503027 0.17044750 254.1474)",
            "actionPressed": "oklch(0.52133049 0.16565456 254.0315)",
            "selectionIndicator": "oklch(0.72238209 0.14716247 254.0187)",
            "focus": "oklch(0.84989071 0.07571522 254.1011)"
          },
          "light": {
            "accent": "oklch(0.36142938 0.11746490 255.1271)",
            "action": "oklch(0.46739197 0.14844138 253.9290)",
            "actionHover": "oklch(0.43430748 0.13613804 254.1351)",
            "actionPressed": "oklch(0.40111822 0.12733610 254.1069)",
            "selectionIndicator": "oklch(0.46520940 0.14122394 255.6445)",
            "focus": "oklch(0.57876071 0.15165936 255.1482)"
          }
        }
      },
      "teal": {
        "label": "Teal",
        "dark": {
          "accent": "#034541",
          "action": "#027B74",
          "actionHover": "#048079",
          "actionPressed": "#02756F",
          "selectionIndicator": "#37B7AF",
          "focus": "#8FE4D9"
        },
        "light": {
          "accent": "#034541",
          "action": "#08645E",
          "actionHover": "#075B55",
          "actionPressed": "#06514C",
          "selectionIndicator": "#00665F",
          "focus": "#13877F"
        },
        "oklch": {
          "dark": {
            "accent": "oklch(0.35248413 0.05991000 188.1529)",
            "action": "oklch(0.52536485 0.09101880 187.8317)",
            "actionHover": "oklch(0.54090241 0.09327934 188.0575)",
            "actionPressed": "oklch(0.50715241 0.08758256 188.5376)",
            "selectionIndicator": "oklch(0.70961141 0.10910152 188.8699)",
            "focus": "oklch(0.86166348 0.08426082 185.3628)"
          },
          "light": {
            "accent": "oklch(0.35248413 0.05991000 188.1529)",
            "action": "oklch(0.45434543 0.07698626 187.5272)",
            "actionHover": "oklch(0.42530791 0.07211667 186.9072)",
            "actionPressed": "oklch(0.39283952 0.06626854 187.5076)",
            "selectionIndicator": "oklch(0.45933432 0.08033610 186.6271)",
            "focus": "oklch(0.56331783 0.09443089 187.3308)"
          }
        }
      },
      "graphite": {
        "label": "Graphite",
        "dark": {
          "accent": "#3C3C42",
          "action": "#6D6D74",
          "actionHover": "#72727A",
          "actionPressed": "#686870",
          "selectionIndicator": "#94949C",
          "focus": "#DCDCE3"
        },
        "light": {
          "accent": "#3C3C42",
          "action": "#585860",
          "actionHover": "#505057",
          "actionPressed": "#47474E",
          "selectionIndicator": "#585860",
          "focus": "#75757D"
        },
        "oklch": {
          "dark": {
            "accent": "oklch(0.35844884 0.01025972 285.8708)",
            "action": "oklch(0.53711950 0.01080049 286.0305)",
            "actionHover": "oklch(0.55476154 0.01224908 285.9937)",
            "actionPressed": "oklch(0.52003776 0.01245329 285.9588)",
            "selectionIndicator": "oklch(0.66908632 0.01167712 286.0799)",
            "focus": "oklch(0.89652933 0.00948178 286.2069)"
          },
          "light": {
            "accent": "oklch(0.35844884 0.01025972 285.8708)",
            "action": "oklch(0.46322917 0.01282795 285.8884)",
            "actionHover": "oklch(0.43379543 0.01140718 285.9147)",
            "actionPressed": "oklch(0.40050427 0.01164322 285.8623)",
            "selectionIndicator": "oklch(0.46322917 0.01282795 285.8884)",
            "focus": "oklch(0.56507228 0.01219156 286.0031)"
          }
        }
      }
    }
  },
  "colorOklch": {
    "dark": {
      "background": "oklch(0.22296359 0.00384209 286.084)",
      "surface": "oklch(0.24053499 0.00566232 285.9664)",
      "raised": "oklch(0.25737093 0.0055652 286.0023)",
      "selected": "oklch(0.28702691 0.00904287 285.8163)",
      "foreground": "oklch(0.91760389 0.00424734 56.3707)",
      "muted": "oklch(0.62390881 0.00687431 317.7451)",
      "border": "oklch(0.56781479 0.00912186 286.1057)",
      "accent": "oklch(0.42434381 0.17167681 24.1162)",
      "accentForeground": "oklch(0.91760389 0.00424734 56.3707)",
      "selectionIndicator": "oklch(0.42434381 0.17167681 24.1162)",
      "focus": "oklch(0.42434381 0.17167681 24.1162)",
      "action": "oklch(0.42434381 0.17167681 24.1162)",
      "actionHover": "oklch(0.46865962 0.17944721 22.6312)",
      "actionPressed": "oklch(0.37407274 0.15115217 23.5475)",
      "actionForeground": "oklch(0.99999999 4e-08 89.8756)",
      "progress": "oklch(0.74704708 0.02155819 57.961)",
      "info": "oklch(0.69776906 0.05918571 188.8397)",
      "warning": "oklch(0.74722277 0.08902202 82.3947)",
      "success": "oklch(0.74785769 0.06279244 126.3328)",
      "danger": "oklch(0.75293788 0.10346696 10.6637)",
      "materialRim": "oklch(0.36189335 0.00852105 285.9663)",
      "materialShade": "oklch(0.17852907 0.00406634 285.9807)",
      "edge": "oklch(0.38548736 0.01175804 285.8353)",
      "grid": "oklch(0.2780383 0.0054565 286.0395)",
      "surround": "oklch(0.21342251 1e-08 89.8756)",
      "selectedStrong": "oklch(0.32385314 0.01229694 285.6931)",
      "hover": "oklch(0.27887635 0.00911007 285.7942)",
      "pressed": "oklch(0.30357735 0.0107073 285.7447)",
      "infoFill": "oklch(0.27484891 0.0205559 185.7804)",
      "warningFill": "oklch(0.27316658 0.02817554 82.6742)",
      "successFill": "oklch(0.27575882 0.02801114 134.6106)",
      "dangerFill": "oklch(0.2699579 0.05090858 7.1417)",
      "disabledForeground": "oklch(0.62390881 0.00687431 317.7451)",
      "disabledFill": "oklch(0.22296359 0.00384209 286.084)",
      "readOnlyFill": "oklch(0.25737093 0.0055652 286.0023)",
      "textSelection": "oklch(0.3703234 0.01187991 285.8054)",
      "findMatch": "oklch(0.36954133 0.04349961 85.5765)",
      "findMatchActive": "oklch(0.45405748 0.05796439 89.7965)"
    },
    "light": {
      "background": "oklch(0.94695735 0.00400202 286.3231)",
      "surface": "oklch(0.99999999 4e-08 89.8756)",
      "raised": "oklch(0.92030832 0.00672312 286.2669)",
      "selected": "oklch(0.89958388 0.00947362 286.2077)",
      "foreground": "oklch(0.24477082 0.00563709 285.9759)",
      "muted": "oklch(0.43533305 0.01795528 285.6302)",
      "border": "oklch(0.51761986 0.01717247 285.7846)",
      "accent": "oklch(0.42434381 0.17167681 24.1162)",
      "accentForeground": "oklch(0.99999999 4e-08 89.8756)",
      "selectionIndicator": "oklch(0.42434381 0.17167681 24.1162)",
      "focus": "oklch(0.53036685 0.20739612 22.3174)",
      "action": "oklch(0.42434381 0.17167681 24.1162)",
      "actionHover": "oklch(0.37407274 0.15115217 23.5475)",
      "actionPressed": "oklch(0.32219585 0.12984674 22.2064)",
      "actionForeground": "oklch(0.99999999 4e-08 89.8756)",
      "progress": "oklch(0.43533305 0.01795528 285.6302)",
      "info": "oklch(0.3902076 0.05150682 187.7467)",
      "warning": "oklch(0.43426232 0.09012869 79.3151)",
      "success": "oklch(0.43213279 0.07715907 136.4024)",
      "danger": "oklch(0.42434381 0.17167681 24.1162)",
      "materialRim": "oklch(0.99999999 4e-08 89.8756)",
      "materialShade": "oklch(0.81646189 0.01110062 286.1513)",
      "edge": "oklch(0.78410521 0.0070006 286.2372)",
      "grid": "oklch(0.96199996 0.00398619 286.3246)",
      "surround": "oklch(0.87609632 3e-08 89.8756)",
      "selectedStrong": "oklch(0.84169691 0.01239673 286.1304)",
      "hover": "oklch(0.8753734 0.01090607 286.1723)",
      "pressed": "oklch(0.83889814 0.0137909 286.0987)",
      "infoFill": "oklch(0.89868951 0.02371458 186.8764)",
      "warningFill": "oklch(0.9164016 0.0529761 91.7805)",
      "successFill": "oklch(0.91598372 0.03203205 130.5992)",
      "dangerFill": "oklch(0.9077575 0.02925315 7.14)",
      "disabledForeground": "oklch(0.5971103 0.01806708 285.8399)",
      "disabledFill": "oklch(0.96199996 0.00398619 286.3246)",
      "readOnlyFill": "oklch(0.96800052 0.00397997 286.3252)",
      "textSelection": "oklch(0.85654958 0.03085332 7.6197)",
      "findMatch": "oklch(0.92984296 0.1335965 98.3318)",
      "findMatchActive": "oklch(0.8807468 0.16330015 91.5922)"
    }
  },
  "signature": {
    "motif": "grid",
    "regionRule": {
      "width": 2,
      "color": "selectionIndicator",
      "scope": "Active compartment header only. One per window."
    },
    "emptyState": {
      "cell": 24,
      "line": 1,
      "color": "grid",
      "scope": "Empty areas and canvases, and behind code at reduced visibility: the grid fades behind dense content instead of disappearing. Never behind body text the user must read at length."
    },
    "progress": {
      "segments": 10,
      "scope": "Determinate progress shows 10 equal segments. Indeterminate progress shows a moving segment and respects reduced motion."
    },
    "accentBudget": {
      "rule": "At most one Carmine element per region (primary action, selection edge, or active rule). Syntax and data series do not use Carmine.",
      "coverageTarget": "Informational, not a gate."
    }
  },
  "fit": {
    "rule": "Windows, dialogs, forms and wizard pages fit without scrollbars. Data containers (tables, trees, logs, editors, terminals, canvases) scroll or virtualize inside their own bounded viewport with visible position and keyboard access. The main window itself never scrolls.",
    "exemptions": [
      "tables",
      "trees",
      "logs",
      "editors",
      "terminals",
      "canvases",
      "timelines"
    ]
  },
  "workspace": {
    "modes": {
      "maximum": 9,
      "shortcut": "Ctrl/\u2318+1 to 9",
      "indicator": "Structural: selection marker plus a label. Never color alone.",
      "scope": "Each mode saves its own layout. Switching never loses work."
    },
    "panels": {
      "headerHeight": 28,
      "tabHeight": 28,
      "minimumWidth": 160,
      "minimumHeight": 96,
      "dragThreshold": 4,
      "tooltipDelayMs": 500,
      "rule": "Every panel action reachable by drag also has a keyboard command and a menu item. Dock, float, move, collapse, reset."
    },
    "valueControls": {
      "fineAdjustModifier": "Shift",
      "coarseAdjustModifier": "Ctrl",
      "reset": "Double-click, or Backspace or Delete when focused",
      "keys": "Arrows step. Page Up and Page Down step by ten. Home and End go to the limits",
      "minimumTarget": 24,
      "rule": "Every slider, knob and scrubbed field shows its numeric value and unit, and has a typed-entry path."
    },
    "numerics": {
      "tabularFigures": true,
      "scope": "Timecodes, meters, rulers, tables of numbers and any value that changes in place."
    },
    "surround": {
      "color": "surround",
      "scope": "Neutral surround for color-critical viewports. Chrome next to the viewport uses the Graphite preset."
    }
  },
  "fill": {
    "rule": "Every region has a job and grows to do it. Surplus width goes to the dominant region; surplus height goes to the region that benefits most. Fill with function, never decoration. Empty states are useful states.",
    "maxEmptySpace": 36,
    "maxEmptySpaceNote": "CSS px of unused height allowed inside a region: one compact row (28) plus compact panel padding (8).",
    "emptyState": [
      "primaryAction",
      "recentItems",
      "shortcuts"
    ],
    "allowedSpace": [
      "gutter between compartments",
      "padding around a focus target",
      "neutral surround of a viewport"
    ]
  },
  "dataList": {
    "rule": "Every list of records is a table with row and column gridlines, a fixed header, right-aligned tabular figures and a marked selected row. It shows as many rows as its box allows and scrolls or virtualizes inside that box.",
    "gridlines": {
      "rows": true,
      "columns": true,
      "role": "edge"
    },
    "header": "fixed",
    "numerics": "right-aligned tabular",
    "densityClass": "dataRows",
    "selected": {
      "fill": "selected",
      "bar": "selectionIndicator",
      "barWidth": 2
    },
    "notDataLists": [
      "menus",
      "tab bars",
      "toolbars",
      "short fixed option lists"
    ]
  },
  "shortcuts": {
    "reserved": [
      {
        "id": "palette",
        "action": "Open command palette",
        "windows": "Ctrl+K",
        "macos": "Cmd+K",
        "linux": "Ctrl+K"
      },
      {
        "id": "settings",
        "action": "Open settings",
        "windows": "Ctrl+,",
        "macos": "Cmd+,",
        "linux": "Ctrl+,"
      },
      {
        "id": "help",
        "action": "Open help",
        "windows": "F1",
        "macos": "F1",
        "linux": "F1"
      },
      {
        "id": "cancel",
        "action": "Close or cancel",
        "windows": "Esc",
        "macos": "Esc",
        "linux": "Esc"
      },
      {
        "id": "regionCycle",
        "action": "Move focus to next region",
        "windows": "F6",
        "macos": "F6",
        "linux": "F6"
      }
    ],
    "required": [
      {
        "id": "undo",
        "action": "Undo",
        "windows": "Ctrl+Z",
        "macos": "Cmd+Z",
        "linux": "Ctrl+Z"
      },
      {
        "id": "redo",
        "action": "Redo",
        "windows": "Ctrl+Y",
        "macos": "Cmd+Shift+Z",
        "linux": "Ctrl+Shift+Z"
      },
      {
        "id": "find",
        "action": "Find",
        "windows": "Ctrl+F",
        "macos": "Cmd+F",
        "linux": "Ctrl+F"
      },
      {
        "id": "save",
        "action": "Save",
        "windows": "Ctrl+S",
        "macos": "Cmd+S",
        "linux": "Ctrl+S"
      },
      {
        "id": "selectAll",
        "action": "Select all",
        "windows": "Ctrl+A",
        "macos": "Cmd+A",
        "linux": "Ctrl+A"
      }
    ],
    "neverOverride": [
      "operating-system shortcuts",
      "text-field editing keys (copy, cut, paste, arrows, Home, End)",
      "screen-reader keys"
    ],
    "hintBar": {
      "format": "Key Action",
      "maxItems": 6
    },
    "palette": {
      "fuzzy": true,
      "recentFirst": true,
      "showShortcut": true,
      "labelStyle": "verb first",
      "visibleRows": 8
    }
  },
  "feedback": {
    "severities": {
      "info": {
        "role": "info",
        "requiresIcon": true,
        "requiresText": true,
        "placement": [
          "inline",
          "banner",
          "statusBar"
        ]
      },
      "success": {
        "role": "success",
        "requiresIcon": true,
        "requiresText": true,
        "placement": [
          "inline",
          "statusBar",
          "toast"
        ]
      },
      "warning": {
        "role": "warning",
        "requiresIcon": true,
        "requiresText": true,
        "placement": [
          "inline",
          "banner",
          "statusBar"
        ]
      },
      "error": {
        "role": "danger",
        "requiresIcon": true,
        "requiresText": true,
        "placement": [
          "inline",
          "banner",
          "dialog"
        ]
      }
    },
    "placement": {
      "field": "inline, directly under the field",
      "panel": "banner at the top of the affected panel",
      "global": "status bar",
      "blocking": "modal dialog only when work cannot continue"
    },
    "toast": {
      "maxVisible": 1,
      "defaultDurationMs": 5000,
      "dismissible": true,
      "forbiddenFor": [
        "errors that need action",
        "information the user must keep"
      ],
      "undoActionForDestructive": true
    },
    "confirmation": {
      "when": "undo is impossible",
      "buttons": "verb labels that name the action",
      "defaultButton": "the safe choice"
    },
    "errorAnatomy": [
      "what happened",
      "why",
      "how to fix it"
    ],
    "progress": {
      "cancelRequired": true,
      "showUnits": true,
      "determinateWhenKnown": true
    },
    "textContrastMinimum": 4.5
  },
  "highContrastColor": {
    "background": "#010409",
    "surface": "#0A0C10",
    "raised": "#191C20",
    "selected": "#272B33",
    "foreground": "#FFFFFF",
    "muted": "#F0F3F6",
    "border": "#F0F3F6",
    "accent": "#0A2A5E",
    "accentForeground": "#FFFFFF",
    "selectionIndicator": "#79C0FF",
    "focus": "#FFD33D",
    "action": "#0A5A23",
    "actionHover": "#0B6128",
    "actionPressed": "#064817",
    "actionForeground": "#FFFFFF",
    "progress": "#F0F3F6",
    "info": "#CAE8FF",
    "warning": "#FFB757",
    "success": "#72F088",
    "danger": "#FFB1AF",
    "materialRim": "#7A828E",
    "materialShade": "#000000",
    "edge": "#9EA7B3",
    "grid": "#0F1318",
    "surround": "#0C0C0C",
    "selectedStrong": "#3D444D",
    "hover": "#20242B",
    "pressed": "#2E333B",
    "infoFill": "#0C2D6B",
    "warningFill": "#3A2A00",
    "successFill": "#0A3318",
    "dangerFill": "#4C1A1A",
    "disabledForeground": "#9EA7B3",
    "disabledFill": "#0A0C10",
    "readOnlyFill": "#11151B",
    "textSelection": "#1F4E8F",
    "findMatch": "#5C4A00",
    "findMatchActive": "#8A5B00"
  },
  "syntax": {
    "scope": "Code and log text on the editor background and surface. Never use for chrome, status or data series. High Contrast uses the dark set.",
    "dark": {
      "keyword": "#72AAA5",
      "string": "#A3B58A",
      "function": "#CFC4B8",
      "constant": "#B8AAA0",
      "comment": "#89868A",
      "variable": "#A8C0B8",
      "tag": "#8FAE94",
      "typeName": "#B5C4A8"
    },
    "light": {
      "keyword": "#2F6F6A",
      "string": "#4C6B3C",
      "function": "#6E6259",
      "constant": "#8A5A13",
      "comment": "#6A686E",
      "variable": "#7A5230",
      "tag": "#3F7057",
      "typeName": "#556B47"
    },
    "minimumContrast": 4.5
  },
  "elevation": {
    "scope": "Floating layers sit on raised or selected fills, a 1px edge and a shadow. Shadows never replace the edge.",
    "levels": {
      "popup": {
        "fill": "raised",
        "edge": "edge",
        "shadow": {
          "dark": "0 4px 8px #0006",
          "light": "0 4px 8px #0000001F"
        },
        "z": 100,
        "use": "Menus, dropdowns, combo lists, context menus"
      },
      "tooltip": {
        "fill": "selected",
        "edge": "border",
        "shadow": {
          "dark": "0 2px 6px #0006",
          "light": "0 2px 6px #0000001F"
        },
        "z": 200,
        "use": "Tooltips and hint bubbles"
      },
      "dialog": {
        "fill": "raised",
        "edge": "border",
        "shadow": {
          "dark": "0 8px 24px #000A",
          "light": "0 8px 24px #00000033"
        },
        "z": 300,
        "use": "Modal dialogs and sheets"
      }
    },
    "scrim": {
      "dark": "#000000B3",
      "light": "#00000066",
      "use": "Behind modal dialogs only"
    }
  },
  "accentTint": {
    "method": "Mix the accent role into the background in OKLab. The tint is a quiet region fill, never a label color.",
    "roles": [
      "selectionIndicator",
      "action"
    ],
    "over": "background",
    "steps": [
      8,
      16,
      24
    ],
    "minimumLabelContrast": 4.5
  },
  "focusRing": {
    "scope": "Every focusable element shows one thin outline in the focus role (Carmine in the dark theme). Rows and tabs use the inset ring so it is never clipped by a neighbor.",
    "minimumWidth": 2,
    "color": "focus",
    "styles": {
      "outline": {
        "width": 2,
        "offset": 2,
        "placement": "outside"
      },
      "inset": {
        "width": 2,
        "offset": -2,
        "placement": "inside"
      }
    },
    "perClass": {
      "button": "outline",
      "field": "outline",
      "checkbox": "outline",
      "slider": "outline",
      "canvasHandle": "outline",
      "dataRow": "inset",
      "treeItem": "inset",
      "tab": "inset",
      "menuItem": "inset",
      "breadcrumbItem": "inset",
      "statusSegment": "inset"
    },
    "rule": "Keep the ring visible against both the control and its parent surface. On the selected fill the ring and the selection marker must both stay visible."
  },
  "table": {
    "scope": "Dense tables and data lists. Extends the data list rules.",
    "header": {
      "sticky": true,
      "height": 28,
      "sortIndicator": "arrow",
      "sortCycle": [
        "ascending",
        "descending",
        "none"
      ],
      "ariaSort": true
    },
    "columnResize": {
      "gripWidth": 8,
      "cursor": "col-resize",
      "doubleClick": "fit to content",
      "keyboard": {
        "resizeLeft": "Alt+Left",
        "resizeRight": "Alt+Right",
        "step": 8,
        "fastStep": 32
      }
    },
    "zebra": false,
    "rowHeightClass": "dataRows",
    "cellPadding": 8,
    "numeric": "Right-aligned, tabular figures, header aligned with the column",
    "selection": {
      "range": "Shift+Click, Shift+Arrow",
      "toggle": "Ctrl+Click, Ctrl+Space",
      "all": "Ctrl+A"
    },
    "rule": "A sorted column shows its arrow in the header and its sort in the accessible name. No row stripes: gridlines carry rows."
  },
  "navigation": {
    "tab": {
      "height": 32,
      "minWidth": 96,
      "maxWidth": 240,
      "closeTarget": 24,
      "activeRule": {
        "edge": "bottom",
        "width": 2,
        "color": "selectionIndicator"
      },
      "overflow": "Scroll with a list-all-tabs menu",
      "keys": {
        "next": "Ctrl+Tab",
        "previous": "Ctrl+Shift+Tab",
        "close": "Ctrl+W"
      },
      "focusRing": "inset"
    },
    "tree": {
      "indent": 16,
      "chevron": 16,
      "rowHeightClass": "dataRows",
      "keys": {
        "expand": "Right",
        "collapse": "Left",
        "first": "Home",
        "last": "End"
      },
      "typeahead": true,
      "selectedBar": "selectionIndicator",
      "focusRing": "inset"
    },
    "breadcrumb": {
      "height": 28,
      "separator": "chevron",
      "maxVisible": 5,
      "collapse": "Middle items collapse into an overflow menu; the first and last two stay visible",
      "itemTarget": 24,
      "focusRing": "inset"
    }
  },
  "statusBar": {
    "height": {
      "compact": 24,
      "comfortable": 28
    },
    "segmentMinTarget": 24,
    "segmentOrder": [
      "workspace-state",
      "context",
      "selection",
      "progress",
      "units-or-encoding",
      "notifications"
    ],
    "fill": "surround",
    "edge": "top",
    "separator": "edge",
    "rule": "Near-black bar (the surround role). Left to right in the listed order. State that changes with the document sits left; app-wide state sits right. Every segment with an action is a button with a visible focus ring and a tooltip. Text uses the dense size in the muted role, with a small Carmine indicator beside the workspace state.",
    "indicator": {
      "role": "selectionIndicator",
      "form": "Small Carmine square beside the workspace-state segment, always paired with its text label"
    }
  },
  "states": {
    "loading": {
      "showAfterMs": 300,
      "minimumVisibleMs": 500,
      "indicator": "Ten-segment determinate progress when the total is known, moving segment when unknown",
      "layoutShift": "none"
    },
    "empty": {
      "parts": [
        "title",
        "reason",
        "primaryAction",
        "secondaryAction",
        "shortcutHint"
      ],
      "grid": "The fine square grid shows in the empty area and fades behind the block",
      "rule": "Name what is missing and the one action that fixes it."
    },
    "error": {
      "parts": [
        "what failed",
        "why, if known",
        "what to do",
        "retry or recover action",
        "details disclosure"
      ],
      "color": "danger",
      "rule": "Error text uses the danger role with an icon and a label. Keep the failed input and the user data on screen."
    },
    "offline": {
      "banner": "warningFill",
      "rule": "Keep read-only content usable. Disable only the actions that need the network and say which."
    }
  },
  "version": "2.0.0",
  "commandPalette": {
    "scope": "Extends shortcuts.palette. The palette lists everything the product can do and teaches its shortcuts.",
    "registry": {
      "requiredFields": [
        "id",
        "label",
        "category",
        "keywords",
        "shortcut",
        "enabled",
        "disabledReason",
        "run"
      ],
      "labelRule": "Verb first, sentence case, 2 to 5 words, no trailing punctuation",
      "idRule": "Stable dotted id such as file.save. Ids never change between releases",
      "coverage": "Every command reachable from a menu, toolbar or shortcut is in the palette. A missing command is a defect",
      "duplicateShortcuts": "forbidden"
    },
    "matching": {
      "order": [
        "exact",
        "prefix",
        "word-start",
        "subsequence"
      ],
      "ignoreCase": true,
      "ignoreDiacritics": true,
      "recentBoost": true,
      "emptyQueryShows": "recent",
      "maxRecent": 8
    },
    "scopes": {
      ">": "commands",
      "@": "symbols in this document",
      "#": "tags and labels",
      "/": "files and folders",
      ":": "go to line or position",
      "?": "help topics"
    },
    "layout": {
      "width": 560,
      "minWidth": 320,
      "maxViewportPercent": 90,
      "visibleRows": 8,
      "rowClass": "dataRows",
      "position": "Top center, 15% from the top"
    },
    "rows": {
      "parts": [
        "icon",
        "label",
        "category",
        "shortcut"
      ],
      "disabledStyle": "Muted label plus the reason in text. Never hide a disabled command",
      "highlight": "Bold matching letters, never color alone"
    },
    "keys": {
      "open": "palette",
      "next": "Down",
      "previous": "Up",
      "run": "Enter",
      "close": "Esc",
      "pageStep": 8,
      "secondary": "Ctrl+Enter shows where the command lives in the menus"
    },
    "accessibility": {
      "pattern": "Modal dialog containing a combobox and a listbox",
      "activeDescendant": true,
      "announceDelayMs": 300,
      "announce": "Result count after the user pauses typing",
      "focusReturn": "To the element that opened the palette"
    }
  },
  "layouts": {
    "scope": "Saved arrangements, docking and multi-window rules. Extends workspace.modes and workspace.panels.",
    "presets": {
      "focus": {
        "dominantPercent": [
          90,
          100
        ],
        "regions": "Dominant region and status bar. Panels collapse to the edge",
        "shortcut": "Ctrl+Alt+1"
      },
      "review": {
        "dominantPercent": [
          55,
          65
        ],
        "regions": "Dominant region and one side panel at 25 to 35%",
        "shortcut": "Ctrl+Alt+2"
      },
      "wide": {
        "dominantPercent": [
          55,
          70
        ],
        "regions": "Navigation 15 to 20%, dominant region, detail 20 to 35%. The default",
        "shortcut": "Ctrl+Alt+3"
      },
      "rule": "Every preset is also a palette command. Users can save their own and name them."
    },
    "docking": {
      "dropZones": [
        "left",
        "right",
        "top",
        "bottom",
        "tab-stack"
      ],
      "minPanel": {
        "width": 160,
        "height": 96
      },
      "snap": 8,
      "splitterHit": 8,
      "keyboardMove": "Alt+Arrow moves the focused panel to the next dock slot in that direction",
      "restore": {
        "onLaunch": true,
        "afterCrash": true,
        "versioned": true
      },
      "reset": "Restores the current preset and keeps all data and settings"
    },
    "detach": {
      "windowRule": "A detached window has its own title, status bar and one active-region rule",
      "position": "Remembered per monitor",
      "missingMonitor": "The window returns to the primary monitor, fully on screen"
    },
    "density": {
      "perViewOverride": true,
      "values": [
        "compact",
        "comfortable",
        "touch"
      ],
      "rule": "Density changes per view or window, never inside one data list",
      "persist": "Per view"
    },
    "multiView": {
      "maxSplits": 4,
      "linkedSelection": "Optional, shown with a labeled toggle, off by default",
      "activeView": "One active view per window. It shows the active-region rule and owns the keyboard"
    }
  },
  "canvas": {
    "scope": "Infinite and large canvases: whiteboards, node editors, CAD sheets, maps, timelines. Chrome stays flat and fixed; only content moves.",
    "zoom": {
      "stopsPercent": [
        5,
        10,
        25,
        50,
        100,
        200,
        400,
        800,
        1600,
        3200
      ],
      "default": 100,
      "keys": {
        "in": "Ctrl+=",
        "out": "Ctrl+-",
        "actual": "Ctrl+0",
        "fit": "Shift+1",
        "fitSelection": "Shift+2"
      },
      "wheel": "Ctrl+Wheel zooms around the pointer. Plain wheel pans",
      "typedEntry": true,
      "animationMs": 120,
      "reducedMotion": "Instant"
    },
    "pan": {
      "pointer": "Space+drag, middle-button drag or the Pan tool",
      "keys": {
        "step": 40,
        "fastStep": 200
      },
      "bounds": "None. Home returns to the content",
      "inertia": false
    },
    "grid": {
      "snapSize": 24,
      "toggle": "Ctrl+'",
      "hideBelowCellPx": 8,
      "color": "grid",
      "scope": "Same 24 px cell as the signature grid"
    },
    "minimap": {
      "width": 160,
      "height": 120,
      "position": "bottom-right",
      "keyboardReachable": true,
      "textAlternative": "Viewport position and share of the canvas as text"
    },
    "objects": {
      "handleVisualPx": 8,
      "handleTargetPx": 24,
      "minimumScreenTextPx": 11,
      "move": {
        "step": 1,
        "snapStep": "Shift moves by the snap size"
      },
      "selection": {
        "marquee": "Drag on empty canvas",
        "add": "Shift+Click",
        "all": "Ctrl+A",
        "outline": {
          "width": 2,
          "color": "selectionIndicator"
        }
      },
      "focusRing": "outline"
    },
    "accessibility": {
      "everyDragHasKeyboard": true,
      "objectList": "A panel lists every object in reading order and is navigable with Tab and the arrow keys",
      "announce": "Selection, moves and zoom changes are announced as text",
      "textFloor": "Labels scale with the content but never render below the caption size on screen"
    },
    "chrome": {
      "fixed": true,
      "rule": "Toolbars, panels, rulers and the status bar stay flat and fixed. The viewport may use depth and its own palette."
    }
  },
  "undo": {
    "scope": "Reversible actions beat confirmation dialogs. Extends shortcuts.required undo and redo and feedback.toast.",
    "stack": {
      "minimumDepth": 100,
      "scope": "Per document",
      "survivesSave": true,
      "coalesceMs": 600,
      "coalesce": "Typing and slider drags merge into one entry per pause"
    },
    "labels": {
      "undo": "Undo {verb} {object}",
      "redo": "Redo {verb} {object}",
      "example": "Undo Delete 3 rows",
      "showIn": [
        "menu",
        "palette",
        "toast"
      ]
    },
    "history": {
      "panel": true,
      "rowClass": "dataRows",
      "jump": "Selecting an entry jumps to that state. Later entries stay as redo until a new action"
    },
    "toast": {
      "durationMs": 8000,
      "minimumMs": 5000,
      "pauseOnHover": true,
      "pauseOnFocus": true,
      "action": "Undo",
      "keyboard": "The shortcut works while the toast shows, and the action is reachable with the region cycle key"
    },
    "confirmWhenUndoable": false,
    "irreversible": {
      "confirm": "Name the target and the effect. The safe choice is the default. Cancel comes first",
      "examples": [
        "permanent delete",
        "overwrite an external file",
        "send a message",
        "empty the trash"
      ]
    },
    "autosave": {
      "rule": "Drafts save silently. Say Saved only after a manual save or when saving fails"
    }
  },
  "inlineFeedback": {
    "scope": "Quiet feedback beside the thing that changed. Extends feedback.placement.",
    "validation": {
      "timing": "On blur, then on every change once a field shows an error",
      "placement": "Directly under the field",
      "parts": [
        "icon",
        "message",
        "how to fix"
      ],
      "association": "aria-describedby on the field and aria-invalid when invalid",
      "onSubmit": "A status region states the count, focus moves to the first invalid field",
      "blockingDialogs": "Never for validation"
    },
    "success": {
      "inline": "Confirm in place with text such as Saved, beside the control or in the status bar",
      "hideAfterMs": 5000
    },
    "quiet": {
      "meaning": "Ambient means always available and quiet, not animated. Use status text, counts and badges",
      "forbidden": [
        "pulsing",
        "shaking",
        "auto-moving elements",
        "sound without a setting"
      ],
      "live": {
        "polite": [
          "saved",
          "counts",
          "progress milestones"
        ],
        "assertive": [
          "errors that block work"
        ]
      },
      "badgeMaxCount": 99
    },
    "optimistic": {
      "rule": "Show the result at once, label it Syncing in text, and on failure roll back with an inline message and an Undo or Retry action"
    }
  }
}