{
  "settledOn": "2026-10-26",
  "settledBy": "Sourav Tambe",
  "fixed": {
    "field-height": "56",
    "field-border": "1px OutlineVariant #C3CEC7",
    "field-radius": "8",
    "field-fill": "Surface #F2FFF8",
    "title-colour": "OnSurfaceVariant #44544A",
    "topbar-edge": "1px neutral05 hairline",
    "dark-header": "OnSecondaryContainer #1F415B",
    "card-title": "OnSurfaceVariant #44544A",
    "card-radius": { "value": "8", "note": "8 is standard, 12 as and when asked" },
    "selected-fill": "OnPrimaryContainer #1F515B",
    "underline-tab": "Primary #37BD69 text and 2px bar",
    "secondary-tab": { "value": "Primary pill on Background track, r100", "note": "can have the OnPrimaryContainer colour as and when required" },
    "filter-button": "40 square, neutral05, r8",
    "dark-green-text": "OnSurface #006D35 (#00572A retired)",
    "add-button": "addPrimary #00AFD6",
    "outline-button": "1px OutlineVariant, OnPrimaryContainer text",
    "disabled-button": "SurfaceVariant fill, Outline text",
    "confirm-buttons": "56",
    "sheet-radius": "16",
    "sheet-title": "20/500 #44544A, left, with close",
    "sheet-handle": { "value": "48 x 4 #999 r10", "note": "Handle as and when required only" },
    "tablet-gutter": "20",
    "tablet-width": "834 (iPad Pro 11 portrait)"
  },
  "context": {
    "page-bg": "Can use any of these depending on the situation and to break the monotonous screen feel (#DDEBE9, #E8F4F2, #EFF5F2, #DAE7DF)",
    "primary-action": "Main is always the Green 56, but we also use the Navy 56 to break the monotonous feel",
    "search": "40 tall, grey is standard; outline and with shadow are used for visual aesthetics and to have less or more prominence as the screen demands",
    "status-form": "Pill always, strip as and when asked (strip is the Help Desk aesthetic and differentiates request/approval cards; the rest have pills)",
    "status-tabs": "Count tabs and underline tabs are Primary tabs, the pill tab is the Secondary tab, chips are an even smaller tab style used for visual aesthetics",
    "decision-pair": "Stacked for app (phone), side by side for TAB",
    "fab": "Keep both: gradient FAB on mobile; the blue pill is for when only one action is on the page, for TAB",
    "pill-type": "12 for mobile, 14 for TAB",
    "stat-number": "28 for TAB, 24/20 for mobile, can change when asked",
    "sheet-footer": "Depends on what the designer wants the user to decide; 50/50 is the standard",
    "detail-title": "Depending on the scenario either centred or left can be used",
    "bottom-nav": "Any, as the module designer did",
    "module-grid": "Modules grid was the OLD UI; Antz now uses the newer Home page module grid"
  }
}