{ "$description": "RJ Laravel Admin (brand-006) design tokens, W3C Design Tokens format. GENERATED from phase-1/kit/tokens.css by phase-3/pack-src/build_pack.py; do not edit by hand. $value = the Laravel admin theme (navy #0E1729 pinned, compact density = default). $extensions.com.rj-admin-kit.modes gives the value in the other modes: 'dtc' = the DTC admin theme (Midnight green #08120E, data-theme=\"dtc\"), 'comfortable' = data-density=\"comfortable\". Light only: dark is not designed.", "$extensions": { "com.rj-admin-kit": { "themes": { "laravel": ":root (default)", "dtc": "[data-theme=\"dtc\"]" }, "densities": { "compact": ":root (default for the Laravel admin)", "comfortable": "[data-density=\"comfortable\"] (DTC default, phone always)" }, "source": "projects/pina/brands/brand-006-rj-laravel-admin/phase-1/kit/tokens.css" } }, "color": { "background": { "$type": "color", "$value": "#EDF0F4", "$extensions": { "com.rj-admin-kit": { "css": "var(--background)", "cssValue": "214 24% 94%", "note": "#EDF0F4", "modes": { "dtc": "#FFFFFF" } } } }, "foreground": { "$type": "color", "$value": "#0F1626", "$extensions": { "com.rj-admin-kit": { "css": "var(--foreground)", "cssValue": "222 43% 10%", "note": "#0F1626" } } }, "card": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--card)", "cssValue": "0 0% 100%", "note": "#FFFFFF" } } }, "card-foreground": { "$type": "color", "$value": "#0F1626", "$extensions": { "com.rj-admin-kit": { "css": "var(--card-foreground)", "cssValue": "222 43% 10%", "note": "#0F1626" } } }, "popover": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--popover)", "cssValue": "0 0% 100%", "note": "#FFFFFF menus, sheets, dialogs, toasts" } } }, "popover-foreground": { "$type": "color", "$value": "#0F1626", "$extensions": { "com.rj-admin-kit": { "css": "var(--popover-foreground)", "cssValue": "222 43% 10%", "note": "#0F1626" } } }, "primary": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--primary)", "cssValue": "220 49% 11%", "note": "#0E1729", "modes": { "dtc": "#08120E" } } } }, "primary-foreground": { "$type": "color", "$value": "#FAFAF8", "$extensions": { "com.rj-admin-kit": { "css": "var(--primary-foreground)", "cssValue": "60 17% 98%", "note": "#FAFAF8" } } }, "primary-hover": { "$type": "color", "$value": "#1A2540", "$extensions": { "com.rj-admin-kit": { "css": "var(--primary-hover)", "cssValue": "223 42% 18%", "note": "#1A2540", "modes": { "dtc": "#101E18" } } } }, "secondary": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--secondary)", "cssValue": "0 0% 100%", "note": "#FFFFFF outlined secondary button ground" } } }, "secondary-foreground": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--secondary-foreground)", "cssValue": "220 49% 11%", "note": "#0E1729", "modes": { "dtc": "#08120E" } } } }, "muted": { "$type": "color", "$value": "#F5F6F9", "$extensions": { "com.rj-admin-kit": { "css": "var(--muted)", "cssValue": "225 25% 97%", "note": "#F5F6F9", "modes": { "dtc": "#F3F4F7" } } } }, "muted-foreground": { "$type": "color", "$value": "#505A70", "$extensions": { "com.rj-admin-kit": { "css": "var(--muted-foreground)", "cssValue": "221 17% 38%", "note": "#505A70 quiet text (>= 5.9:1 on white)" } } }, "accent": { "$type": "color", "$value": "#E9EEF8", "$extensions": { "com.rj-admin-kit": { "css": "var(--accent)", "cssValue": "220 52% 94%", "note": "#E9EEF8", "modes": { "dtc": "#EBEFEE" } } } }, "accent-foreground": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--accent-foreground)", "cssValue": "220 49% 11%", "note": "#0E1729", "modes": { "dtc": "#08120E" } } } }, "destructive": { "$type": "color", "$value": "#A2323F", "$extensions": { "com.rj-admin-kit": { "css": "var(--destructive)", "cssValue": "353 53% 42%", "note": "#A2323F" } } }, "destructive-foreground": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--destructive-foreground)", "cssValue": "0 0% 100%", "note": "#FFFFFF" } } }, "border": { "$type": "color", "$value": "#E2E6EC", "$extensions": { "com.rj-admin-kit": { "css": "var(--border)", "cssValue": "216 21% 91%", "note": "#E2E6EC", "modes": { "dtc": "#E3E7ED" } } } }, "input": { "$type": "color", "$value": "#8892A5", "$extensions": { "com.rj-admin-kit": { "css": "var(--input)", "cssValue": "219 14% 59%", "note": "#8892A5 control borders: 3.1:1 on white (WCAG 1.4.11); was #C6CCD7 at 1.6:1" } } }, "input-hover": { "$type": "color", "$value": "#5F6A86", "$extensions": { "com.rj-admin-kit": { "css": "var(--input-hover)", "cssValue": "223 17% 45%", "note": "#5F6A86 field / checkbox / select border on hover" } } }, "secondary-border": { "$type": "color", "$value": "#C2C7D1", "$extensions": { "com.rj-admin-kit": { "css": "var(--secondary-border)", "cssValue": "219 14% 79%", "note": "#C2C7D1 outlined secondary button edge (board 3, text-labelled so exempt from 3:1)" } } }, "secondary-border-hover": { "$type": "color", "$value": "#ABB0BA", "$extensions": { "com.rj-admin-kit": { "css": "var(--secondary-border-hover)", "cssValue": "220 10% 70%", "note": "#ABB0BA" } } }, "ring": { "$type": "color", "$value": "#2C4B86", "$extensions": { "com.rj-admin-kit": { "css": "var(--ring)", "cssValue": "219 51% 35%", "note": "#2C4B86", "modes": { "dtc": "#436B5B" } } } }, "success": { "$type": "color", "$value": "#21654C", "$extensions": { "com.rj-admin-kit": { "css": "var(--success)", "cssValue": "158 51% 26%", "note": "#21654C" } } }, "success-foreground": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--success-foreground)", "cssValue": "0 0% 100%" } } }, "warning": { "$type": "color", "$value": "#83550F", "$extensions": { "com.rj-admin-kit": { "css": "var(--warning)", "cssValue": "36 79% 29%", "note": "#83550F also the STAGING badge" } } }, "warning-foreground": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--warning-foreground)", "cssValue": "0 0% 100%" } } }, "info": { "$type": "color", "$value": "#335794", "$extensions": { "com.rj-admin-kit": { "css": "var(--info)", "cssValue": "218 49% 39%", "note": "#335794" } } }, "info-foreground": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--info-foreground)", "cssValue": "0 0% 100%" } } }, "neutral": { "$type": "color", "$value": "#575F72", "$extensions": { "com.rj-admin-kit": { "css": "var(--neutral)", "cssValue": "222 13% 39%", "note": "#575F72" } } }, "neutral-foreground": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--neutral-foreground)", "cssValue": "0 0% 100%" } } }, "draft": { "$type": "color", "$value": "#335794", "$extensions": { "com.rj-admin-kit": { "css": "var(--draft)", "cssValue": "var(--info)", "note": "Draft = info blue" } } }, "available": { "$type": "color", "$value": "#21654C", "$extensions": { "com.rj-admin-kit": { "css": "var(--available)", "cssValue": "var(--success)", "note": "Available = green" } } }, "retired": { "$type": "color", "$value": "#575F72", "$extensions": { "com.rj-admin-kit": { "css": "var(--retired)", "cssValue": "var(--neutral)", "note": "Retired = slate" } } }, "locked": { "$type": "color", "$value": "#575F72", "$extensions": { "com.rj-admin-kit": { "css": "var(--locked)", "cssValue": "var(--neutral)", "note": "\"locked\" banner + lock chip" } } }, "not-wired": { "$type": "color", "$value": "#83550F", "$extensions": { "com.rj-admin-kit": { "css": "var(--not-wired)", "cssValue": "var(--warning)", "note": "\"not wired\" banner (feature exists, backend not connected)" } } }, "sidebar": { "sidebar": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar)", "cssValue": "220 49% 11%", "note": "#0E1729", "modes": { "dtc": "#08120E" } } } }, "sidebar-background": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-background)", "cssValue": "var(--sidebar)", "modes": { "dtc": "#08120E" } } } }, "sidebar-foreground": { "$type": "color", "$value": "#C9CEDA", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-foreground)", "cssValue": "222 19% 82%", "note": "#C9CEDA", "modes": { "dtc": "#C8D0CC" } } } }, "sidebar-primary": { "$type": "color", "$value": "#9FB4E2", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-primary)", "cssValue": "221 54% 75%", "note": "#9FB4E2", "modes": { "dtc": "#A0BAB0" } } } }, "sidebar-primary-foreground": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-primary-foreground)", "cssValue": "220 49% 11%", "note": "#0E1729", "modes": { "dtc": "#08120E" } } } }, "sidebar-accent": { "$type": "color", "$value": "#1B2744", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-accent)", "cssValue": "222 43% 19%", "note": "#1B2744", "modes": { "dtc": "#11221C" } } } }, "sidebar-accent-foreground": { "$type": "color", "$value": "#FAFAF8", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-accent-foreground)", "cssValue": "60 17% 98%", "note": "#FAFAF8" } } }, "sidebar-border": { "$type": "color", "$value": "#253049", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-border)", "cssValue": "222 33% 22%", "note": "#253049", "modes": { "dtc": "#1A2823" } } } }, "sidebar-ring": { "$type": "color", "$value": "#9FB4E2", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-ring)", "cssValue": "221 54% 75%", "note": "#9FB4E2", "modes": { "dtc": "#A0BAB0" } } } }, "sidebar-sheen": { "$type": "string", "$value": "linear-gradient(180deg, #131D33 0%, #0E1729 52%, #0C1425 100%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-sheen)", "cssValue": "linear-gradient(180deg, #131D33 0%, #0E1729 52%, #0C1425 100%)", "note": "the satin", "modes": { "dtc": "linear-gradient(180deg, #0B1813 0%, #08120E 52%, #06100C 100%)" } } } }, "sidebar-sheen-light": { "$type": "string", "$value": "radial-gradient(closest-side, rgba(130,160,220,.11), transparent)", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-sheen-light)", "cssValue": "radial-gradient(closest-side, rgba(130,160,220,.11), transparent)", "note": "the bloom", "modes": { "dtc": "radial-gradient(closest-side, rgba(135,169,155,0.11), transparent)" } } } }, "sidebar-w": { "$type": "dimension", "$value": { "value": 232, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-w)", "cssValue": "232px" } } }, "sidebar-item-on": { "$type": "color", "$value": "#FFFFFF12", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-item-on)", "cssValue": "rgba(255,255,255,.07)", "note": "active item ground" } } }, "sidebar-item-on-icon": { "$type": "color", "$value": "#B7C7EA", "$extensions": { "com.rj-admin-kit": { "css": "var(--sidebar-item-on-icon)", "cssValue": "#B7C7EA", "note": "active icon (2b's #C4D2EE is NOT used)", "modes": { "dtc": "#B9CCC4" } } } } }, "chart": { "chart-1": { "$type": "color", "$value": "#2F62C0", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-1)", "cssValue": "219 61% 47%", "note": "#2F62C0 blue" } } }, "chart-2": { "$type": "color", "$value": "#16A07F", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-2)", "cssValue": "166 76% 36%", "note": "#16A07F teal" } } }, "chart-3": { "$type": "color", "$value": "#DB6B35", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-3)", "cssValue": "20 70% 53%", "note": "#DB6B35 coral" } } }, "chart-4": { "$type": "color", "$value": "#7C8FE0", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-4)", "cssValue": "229 62% 68%", "note": "#7C8FE0 periwinkle" } } }, "chart-5": { "$type": "color", "$value": "#D2588C", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-5)", "cssValue": "334 58% 58%", "note": "#D2588C rose" } } }, "chart-muted": { "$type": "color", "$value": "#7C9188", "$extensions": { "com.rj-admin-kit": { "css": "var(--chart-muted)", "cssValue": "154 9% 53%", "note": "#7C9188 grey-green: previous period, reference lines, never a category", "modes": { "dtc": "#7C9289" } } } } }, "canvas": { "$type": "color", "$value": "#EDF0F4", "$extensions": { "com.rj-admin-kit": { "css": "var(--canvas)", "cssValue": "214 24% 94%", "note": "#EDF0F4 page behind specimen cards" } } }, "scrim": { "$type": "color", "$value": "#0A0E1861", "$extensions": { "com.rj-admin-kit": { "css": "var(--scrim)", "cssValue": "rgba(10,14,24,.38)" } } }, "brand-mark": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--brand-mark)", "cssValue": "#0E1729", "note": "was linear-gradient(145deg,#EEF1F8,#CBD5EA) · the RJ tile sits on the WHITE corner, so it inverts to a navy tile", "modes": { "dtc": "linear-gradient(145deg,#EEF2F0,#CDD8D3)" } } } }, "brand-mark-foreground": { "$type": "color", "$value": "#FAFAF8", "$extensions": { "com.rj-admin-kit": { "css": "var(--brand-mark-foreground)", "cssValue": "#FAFAF8", "note": "was #0E1729 · RJ initials on the navy tile", "modes": { "dtc": "#08120E" } } } }, "steel": { "$type": "color", "$value": "#2C4B86", "$extensions": { "com.rj-admin-kit": { "css": "var(--steel)", "cssValue": "#2C4B86", "note": "new · NEW. Selection rail, focus, tape ticks, sorted column. Never the sidebar, never a primary action", "modes": { "dtc": "#436C5C" } } } }, "selected-row": { "$type": "color", "$value": "#E9EEF8", "$extensions": { "com.rj-admin-kit": { "css": "var(--selected-row)", "cssValue": "#E9EEF8", "note": "new · NEW. Selected table row ground", "modes": { "dtc": "#EBEFEE" } } } }, "retailer-pill": { "$type": "color", "$value": "#1B2438", "$extensions": { "com.rj-admin-kit": { "css": "var(--retailer-pill)", "cssValue": "#1B2438", "note": "retailer pill ground (flagship O01)", "modes": { "dtc": "#10211B" } } } }, "retailer-pill-fg": { "$type": "color", "$value": "#F2F4F8", "$extensions": { "com.rj-admin-kit": { "css": "var(--retailer-pill-fg)", "cssValue": "#F2F4F8" } } }, "tag-proposal": { "$type": "color", "$value": "#6B3FA0", "$extensions": { "com.rj-admin-kit": { "css": "var(--tag-proposal)", "cssValue": "#6B3FA0", "note": "annotation only: purple dashed \"proposal\"" } } }, "tag-needs-backend": { "$type": "color", "$value": "#83550F", "$extensions": { "com.rj-admin-kit": { "css": "var(--tag-needs-backend)", "cssValue": "var(--warning)" } } }, "tag-api": { "$type": "color", "$value": "#335794", "$extensions": { "com.rj-admin-kit": { "css": "var(--tag-api)", "cssValue": "var(--info)" } } }, "diff-add": { "$type": "color", "$value": "#20644B", "$extensions": { "com.rj-admin-kit": { "css": "var(--diff-add)", "cssValue": "158 51% 26%", "note": "= --success; inserted text" } } }, "diff-del": { "$type": "color", "$value": "#A43240", "$extensions": { "com.rj-admin-kit": { "css": "var(--diff-del)", "cssValue": "353 53% 42%", "note": "= --destructive; removed text" } } }, "changed": { "$type": "color", "$value": "#845610", "$extensions": { "com.rj-admin-kit": { "css": "var(--changed)", "cssValue": "36 79% 29%", "note": "= --warning; \"changed from carried-over value\" (measurement gold)" } } }, "save-bar": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--save-bar)", "cssValue": "var(--primary)", "note": "dark pending-changes bar (Access console, Frank)", "modes": { "dtc": "#08120E" } } } }, "order-status": { "os-draft": { "$type": "color", "$value": "#D9D9D9", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-draft)", "cssValue": "#D9D9D9" } } }, "os-confirmed": { "$type": "color", "$value": "#D30D0D", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-confirmed)", "cssValue": "#D30D0D" } } }, "os-dtc_awaiting_fit": { "$type": "color", "$value": "#F59E0B", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-dtc_awaiting_fit)", "cssValue": "#F59E0B" } } }, "os-paid": { "$type": "color", "$value": "#24701F", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-paid)", "cssValue": "#24701F" } } }, "os-build": { "$type": "color", "$value": "#E07B00", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-build)", "cssValue": "#E07B00" } } }, "os-manufacturing": { "$type": "color", "$value": "#006EF5", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-manufacturing)", "cssValue": "#006EF5" } } }, "os-outbound": { "$type": "color", "$value": "#F5CC00", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-outbound)", "cssValue": "#F5CC00" } } }, "os-completed": { "$type": "color", "$value": "#16A085", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-completed)", "cssValue": "#16A085" } } }, "os-delivered": { "$type": "color", "$value": "#0B5345", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-delivered)", "cssValue": "#0b5345" } } }, "os-on-hold": { "$type": "color", "$value": "#930808", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-on-hold)", "cssValue": "#930808" } } }, "os-voided": { "$type": "color", "$value": "#B11BB1", "$extensions": { "com.rj-admin-kit": { "css": "var(--os-voided)", "cssValue": "#B11BB1" } } } }, "phase": { "ph-rff": { "$type": "color", "$value": "#24701F", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-rff)", "cssValue": "#24701F" } } }, "ph-ob": { "$type": "color", "$value": "#FFB65C", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-ob)", "cssValue": "#FFB65C" } } }, "ph-fp": { "$type": "color", "$value": "#FFA333", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-fp)", "cssValue": "#FFA333" } } }, "ph-as": { "$type": "color", "$value": "#479AFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-as)", "cssValue": "#479AFF" } } }, "ph-ip": { "$type": "color", "$value": "#0A78FF", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-ip)", "cssValue": "#0A78FF" } } }, "ph-out": { "$type": "color", "$value": "#F5CC00", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-out)", "cssValue": "#F5CC00" } } }, "ph-done": { "$type": "color", "$value": "#16A085", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-done)", "cssValue": "#16A085" } } }, "ph-dlv": { "$type": "color", "$value": "#0B5345", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-dlv)", "cssValue": "#0b5345" } } }, "ph-hold": { "$type": "color", "$value": "#930808", "$extensions": { "com.rj-admin-kit": { "css": "var(--ph-hold)", "cssValue": "#930808" } } } }, "ticket-status": { "tk-open": { "$type": "color", "$value": "#1291F3", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-open)", "cssValue": "#1291f3" } } }, "tk-prr": { "$type": "color", "$value": "#FBA037", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-prr)", "cssValue": "#fba037" } } }, "tk-psr": { "$type": "color", "$value": "#D719F0", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-psr)", "cssValue": "#d719f0" } } }, "tk-resolved": { "$type": "color", "$value": "#168E06", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-resolved)", "cssValue": "#168e06" } } }, "tk-closed": { "$type": "color", "$value": "#DE2121", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-closed)", "cssValue": "#de2121" } } }, "tk-reopen": { "$type": "color", "$value": "#050336", "$extensions": { "com.rj-admin-kit": { "css": "var(--tk-reopen)", "cssValue": "#050336" } } } } }, "size": { "radius": { "$type": "dimension", "$value": { "value": 0.375, "unit": "rem" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--radius)", "cssValue": "0.375rem", "note": "6px (shadcn --radius)" } } }, "control-h": { "$type": "dimension", "$value": { "value": 30, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--control-h)", "cssValue": "30px", "note": "was 40px · button, input, select (desktop)", "modes": { "comfortable": { "value": 32, "unit": "px" } } } } }, "control-h-sm": { "$type": "dimension", "$value": { "value": 26, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--control-h-sm)", "cssValue": "26px", "note": "was 34px · small button, row actions", "modes": { "comfortable": { "value": 28, "unit": "px" } } } } }, "control-h-m": { "$type": "dimension", "$value": { "value": 44, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--control-h-m)", "cssValue": "44px", "note": "phone minimum tap target" } } }, "control-h-m-lg": { "$type": "dimension", "$value": { "value": 48, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--control-h-m-lg)", "cssValue": "48px", "note": "phone primary / sheet buttons" } } }, "row": { "$type": "dimension", "$value": { "value": 30, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--row)", "cssValue": "30px", "note": "was 44px · table row: compact is the default", "modes": { "comfortable": { "value": 34, "unit": "px" } } } } }, "row-th": { "$type": "dimension", "$value": { "value": 30, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--row-th)", "cssValue": "30px", "note": "was 36px · table header row", "modes": { "comfortable": { "value": 32, "unit": "px" } } } } }, "topbar-h": { "$type": "dimension", "$value": { "value": 48, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--topbar-h)", "cssValue": "48px", "note": "was 56px · white header; the HQ corner is the same height" } } }, "sheet-w": { "$type": "dimension", "$value": { "value": 404, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--sheet-w)", "cssValue": "404px" } } }, "dialog-w": { "$type": "dimension", "$value": { "value": 480, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--dialog-w)", "cssValue": "480px" } } }, "help-w": { "$type": "dimension", "$value": { "value": 380, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--help-w)", "cssValue": "380px" } } }, "sheet-w-md": { "$type": "dimension", "$value": { "value": 532, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--sheet-w-md)", "cssValue": "532px", "note": "medium side sheet: detail views (raised by overlays)" } } }, "sheet-w-lg": { "$type": "dimension", "$value": { "value": 760, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--sheet-w-lg)", "cssValue": "760px", "note": "kit v2 · \"Open all notifications\" side sheet" } } }, "row-compact": { "$type": "dimension", "$value": { "value": 30, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--row-compact)", "cssValue": "30px", "note": "was 36px · kept equal to --row so DTC components that ask for compact get 30px", "modes": { "comfortable": { "value": 34, "unit": "px" } } } } }, "control-h-xs": { "$type": "dimension", "$value": { "value": 28, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--control-h-xs)", "cssValue": "28px", "note": "inline buttons inside photo slots, compact pills (raised by form-controls)" } } }, "chip-h": { "$type": "dimension", "$value": { "value": 22, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--chip-h)", "cssValue": "22px" } } }, "chip-h-lg": { "$type": "dimension", "$value": { "value": 26, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--chip-h-lg)", "cssValue": "26px", "note": "header-size chip (raised by status-feedback)" } } }, "pbar-h": { "$type": "dimension", "$value": { "value": 52, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--pbar-h)", "cssValue": "52px", "note": "phone top bar (raised by specimens)" } } }, "tabbar-h": { "$type": "dimension", "$value": { "value": 62, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tabbar-h)", "cssValue": "62px", "note": "phone tab bar incl. padding (raised by specimens)" } } }, "content-max": { "$type": "dimension", "$value": { "value": 1280, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--content-max)", "cssValue": "1280px", "note": "page content stops growing past this (raised by specimens; build lane)" } } }, "toast-gap": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--toast-gap)", "cssValue": "8px", "note": "gap between stacked toasts (raised by status-feedback)" } } }, "press-shift": { "$type": "dimension", "$value": { "value": 1, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--press-shift)", "cssValue": "1px", "note": "button settles 1px on press" } } }, "pop-shift": { "$type": "dimension", "$value": { "value": -4, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--pop-shift)", "cssValue": "-4px", "note": "dropdown drops 4px" } } }, "toast-shift": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--toast-shift)", "cssValue": "8px", "note": "toast rises 8px" } } }, "lift-shift": { "$type": "dimension", "$value": { "value": -2, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--lift-shift)", "cssValue": "-2px", "note": "card hover lift (raised by cards-gallery)" } } }, "tab-h": { "$type": "dimension", "$value": { "value": 36, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tab-h)", "cssValue": "36px", "note": "was 40px (DTC) · status / record tabs at compact (flagship O01, D01)", "modes": { "comfortable": { "value": 40, "unit": "px" } } } } }, "tab-h-m": { "$type": "dimension", "$value": { "value": 44, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tab-h-m)", "cssValue": "44px", "note": "phone tab strip, thumb height" } } }, "kv-label": { "$type": "dimension", "$value": { "value": 120, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--kv-label)", "cssValue": "120px", "note": "key/value aside label column (.k-kv)" } } }, "kv-label-m": { "$type": "dimension", "$value": { "value": 104, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--kv-label-m)", "cssValue": "104px" } } }, "li-min-h": { "$type": "dimension", "$value": { "value": 72, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--li-min-h)", "cssValue": "72px", "note": "phone list row without a thumbnail (.k-li)" } } }, "actbar-blur": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--actbar-blur)", "cssValue": "8px", "note": "phone action bar / phone save bar glass" } } }, "icon-12": { "$type": "dimension", "$value": { "value": 12, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-12)", "cssValue": "12px", "note": "surface literal (svg width=12)" } } }, "icon-13": { "$type": "dimension", "$value": { "value": 13, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-13)", "cssValue": "13px", "note": "surface literal (svg width=13)" } } }, "icon-14": { "$type": "dimension", "$value": { "value": 14, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-14)", "cssValue": "14px", "note": "contract size inside chips, menus and small buttons" } } }, "icon-15": { "$type": "dimension", "$value": { "value": 15, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-15)", "cssValue": "15px", "note": "surface literal (svg width=15), the most used off-contract size" } } }, "icon-16": { "$type": "dimension", "$value": { "value": 16, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-16)", "cssValue": "16px", "note": "contract default" } } }, "icon-18": { "$type": "dimension", "$value": { "value": 18, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-18)", "cssValue": "18px", "note": "surface literal (svg width=18)" } } }, "icon-19": { "$type": "dimension", "$value": { "value": 19, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-19)", "cssValue": "19px", "note": "surface literal (svg width=19)" } } }, "icon-20": { "$type": "dimension", "$value": { "value": 20, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-20)", "cssValue": "20px", "note": "contract size in empty states" } } }, "icon-22": { "$type": "dimension", "$value": { "value": 22, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-22)", "cssValue": "22px", "note": "surface literal (svg width=22)" } } }, "icon-28": { "$type": "dimension", "$value": { "value": 28, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-28)", "cssValue": "28px", "note": "surface literal (svg width=28)" } } }, "blur-glass": { "$type": "dimension", "$value": { "value": 10, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--blur-glass)", "cssValue": "10px", "note": "desktop top bar glass" } } }, "blur-soft": { "$type": "dimension", "$value": { "value": 6, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--blur-soft)", "cssValue": "6px", "note": "glass blur written on the surfaces" } } }, "page-pad": { "$type": "dimension", "$value": { "value": 20, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--page-pad)", "cssValue": "20px", "note": "new · NEW name. Page gutter (DTC uses a 24px literal)" } } }, "btn-px": { "$type": "dimension", "$value": { "value": 13, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--btn-px)", "cssValue": "13px", "note": "button side padding at compact (flagship .btn)", "modes": { "comfortable": { "value": 14, "unit": "px" } } } } }, "label-col": { "$type": "dimension", "$value": { "value": 180, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--label-col)", "cssValue": "180px", "note": "inline form label column (A03 compact)", "modes": { "comfortable": { "value": 200, "unit": "px" } } } } }, "fly-w": { "$type": "dimension", "$value": { "value": 240, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--fly-w)", "cssValue": "240px", "note": "T-b flyout width; T-d mega flyout = n × --fly-w" } } }, "dropdown-w-sm": { "$type": "dimension", "$value": { "value": 360, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--dropdown-w-sm)", "cssValue": "360px", "note": "kit v2 · small header menu (rare)" } } }, "dropdown-w-md": { "$type": "dimension", "$value": { "value": 520, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--dropdown-w-md)", "cssValue": "520px", "note": "kit v2 · notification centre (TRUTH-JOBS §7)" } } }, "dropdown-w-lg": { "$type": "dimension", "$value": { "value": 600, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--dropdown-w-lg)", "cssValue": "600px", "note": "kit v2 · Jobs list: 3-line rows with target, counts, error (TRUTH-JOBS §7)" } } }, "sheet-w-xl": { "$type": "dimension", "$value": { "value": 960, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--sheet-w-xl)", "cssValue": "960px", "note": "kit v2 · \"Open all jobs\" side sheet (list + detail + JSON)" } } }, "verdict-h": { "$type": "dimension", "$value": { "value": 40, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--verdict-h)", "cssValue": "40px", "note": "Pass / Fail buttons (FEEDBACK-B-r1 fix: 12px inner padding, key hint inline)" } } }, "verdict-h-big": { "$type": "dimension", "$value": { "value": 52, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--verdict-h-big)", "cssValue": "52px", "note": "lightbox + phone" } } }, "verdict-pad": { "$type": "dimension", "$value": { "value": 12, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--verdict-pad)", "cssValue": "12px" } } }, "cell-w": { "$type": "dimension", "$value": { "value": 92, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--cell-w)", "cssValue": "92px", "note": "matrix / price grid cell", "modes": { "comfortable": { "value": 100, "unit": "px" } } } } }, "meas-col": { "$type": "dimension", "$value": { "value": 96, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--meas-col)", "cssValue": "96px", "note": "measurement grid garment column" } } }, "gantt-day": { "$type": "dimension", "$value": { "value": 22, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--gantt-day)", "cssValue": "22px", "note": "gantt day column" } } }, "split-min": { "$type": "dimension", "$value": { "value": 320, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--split-min)", "cssValue": "320px", "note": "split pane minimum list width" } } } }, "token": { "status-soft-alpha": { "$type": "number", "$value": 0.12, "$extensions": { "com.rj-admin-kit": { "css": "var(--status-soft-alpha)", "cssValue": ".12" } } }, "studio": { "$type": "string", "$value": "radial-gradient(120% 90% at 50% 18%, #f7f8fa 0%, #e3e7ee 80%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--studio)", "cssValue": "radial-gradient(120% 90% at 50% 18%, #f7f8fa 0%, #e3e7ee 80%)", "note": "garment photo ground" } } }, "title-w": { "$type": "number", "$value": 600, "$extensions": { "com.rj-admin-kit": { "css": "var(--title-w)", "cssValue": "600" } } }, "sticky-edge": { "$type": "string", "$value": "hsl(222 43% 10% / .09)", "$extensions": { "com.rj-admin-kit": { "css": "var(--sticky-edge)", "cssValue": "hsl(var(--foreground) / .09)", "note": "frozen-column edge shade (raised by data-table)" } } }, "focus-ring": { "$type": "string", "$value": "0 0 0 1px hsl(219 51% 35%), 0 0 0 4px hsl(219 51% 35% / .14)", "$extensions": { "com.rj-admin-kit": { "css": "var(--focus-ring)", "cssValue": "0 0 0 1px hsl(var(--ring)), 0 0 0 4px hsl(var(--ring) / .14)" } } }, "toast-dwell": { "$type": "duration", "$value": { "value": 2600.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--toast-dwell)", "cssValue": "2600ms" } } }, "toast-dwell-undo": { "$type": "duration", "$value": { "value": 5200.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--toast-dwell-undo)", "cssValue": "5200ms", "note": "an Undo toast stays twice as long (raised by status-feedback)" } } }, "tooltip-delay": { "$type": "duration", "$value": { "value": 400.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tooltip-delay)", "cssValue": "400ms", "note": "hover delay before a tooltip; keyboard focus shows it at once (raised by overlays + page-help)" } } }, "hovercard-delay": { "$type": "duration", "$value": { "value": 500.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--hovercard-delay)", "cssValue": "500ms", "note": "(raised by overlays)" } } }, "skeleton-stagger": { "$type": "duration", "$value": { "value": 120.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--skeleton-stagger)", "cssValue": ".12s", "note": "delay step between skeleton rows" } } }, "icon-stroke": { "$type": "number", "$value": 1.5, "$extensions": { "com.rj-admin-kit": { "css": "var(--icon-stroke)", "cssValue": "1.5", "note": "new · NEW name. DTC's contract is 1.75 (comment only); lighter at density" } } }, "dropdown-max-h": { "$type": "string", "$value": "min(78vh, 720px)", "$extensions": { "com.rj-admin-kit": { "css": "var(--dropdown-max-h)", "cssValue": "min(78vh, 720px)", "note": "kit v2 · header dropdowns scroll inside, header + footer fixed" } } } }, "font": { "family": { "font-title": { "$type": "fontFamily", "$value": [ "Archivo", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "system-ui", "sans-serif" ], "$extensions": { "com.rj-admin-kit": { "css": "var(--font-title)", "cssValue": "'Archivo', var(--font-cjk), system-ui, sans-serif", "note": "was 'Archivo', system-ui, sans-serif · Archivo first, CJK falls through to the CJK stack" } } }, "font-voice": { "$type": "fontFamily", "$value": [ "Archivo", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "system-ui", "sans-serif" ], "$extensions": { "com.rj-admin-kit": { "css": "var(--font-voice)", "cssValue": "var(--font-title)" } } }, "font-ui": { "$type": "fontFamily", "$value": [ "IBM Plex Sans", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "system-ui", "sans-serif" ], "$extensions": { "com.rj-admin-kit": { "css": "var(--font-ui)", "cssValue": "'IBM Plex Sans', var(--font-cjk), system-ui, sans-serif", "note": "was 'IBM Plex Sans', system-ui, sans-serif · same for reading text" } } }, "font-code": { "$type": "fontFamily", "$value": [ "IBM Plex Mono", "ui-monospace", "monospace" ], "$extensions": { "com.rj-admin-kit": { "css": "var(--font-code)", "cssValue": "'IBM Plex Mono', ui-monospace, monospace", "note": "cloth codes, handles, versions, ids" } } }, "font-stretch-title": { "$type": "string", "$value": "100%", "$extensions": { "com.rj-admin-kit": { "css": "var(--font-stretch-title)", "cssValue": "100%", "note": "Frank 2026-10-11: Archivo is NEVER set wide" } } }, "font-cjk": { "$type": "fontFamily", "$value": [ "PingFang SC", "Noto Sans SC", "Microsoft YaHei" ], "$extensions": { "com.rj-admin-kit": { "css": "var(--font-cjk)", "cssValue": "'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei'", "note": "new · NEW. mainland staff; zh-Hans" } } } }, "size": { "text-display": { "$type": "dimension", "$value": { "value": 40, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-display)", "cssValue": "40px" } } }, "text-page": { "$type": "dimension", "$value": { "value": 20, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-page)", "cssValue": "20px", "note": "was 26px · page title at density", "modes": { "comfortable": { "value": 20, "unit": "px" } } } } }, "text-section": { "$type": "dimension", "$value": { "value": 16, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-section)", "cssValue": "16px" } } }, "text-card": { "$type": "dimension", "$value": { "value": 13.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-card)", "cssValue": "13.5px" } } }, "text-body": { "$type": "dimension", "$value": { "value": 12.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-body)", "cssValue": "12.5px", "note": "was 13px · 2b ultra body", "modes": { "comfortable": { "value": 13, "unit": "px" } } } } }, "text-read": { "$type": "dimension", "$value": { "value": 15, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-read)", "cssValue": "15px" } } }, "text-label": { "$type": "dimension", "$value": { "value": 13, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-label)", "cssValue": "13px", "note": "form label (Archivo 600)" } } }, "text-small": { "$type": "dimension", "$value": { "value": 11.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-small)", "cssValue": "11.5px", "note": "was 12px · meta, table secondary", "modes": { "comfortable": { "value": 12, "unit": "px" } } } } }, "text-kpi": { "$type": "dimension", "$value": { "value": 28, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-kpi)", "cssValue": "28px" } } }, "text-hero": { "$type": "dimension", "$value": { "value": 30, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-hero)", "cssValue": "30px", "note": "KPI value / chart headline figure (raised by data-display)" } } }, "text-step-m": { "$type": "dimension", "$value": { "value": 17, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-step-m)", "cssValue": "17px", "note": "phone compact step title (raised by wizard-stepper)" } } }, "text-input-m": { "$type": "dimension", "$value": { "value": 16, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-input-m)", "cssValue": "16px", "note": "phone text fields: iOS never zooms at >= 16px" } } }, "text-micro": { "$type": "dimension", "$value": { "value": 11.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-micro)", "cssValue": "11.5px", "note": "chips, counts, th" } } }, "text-code": { "$type": "dimension", "$value": { "value": 12, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-code)", "cssValue": "12px" } } }, "text-btn": { "$type": "dimension", "$value": { "value": 13, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-btn)", "cssValue": "13px", "note": "was 13.5px · button label" } } }, "text-btn-sm": { "$type": "dimension", "$value": { "value": 12.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-btn-sm)", "cssValue": "12.5px" } } }, "text-btn-lg": { "$type": "dimension", "$value": { "value": 15, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-btn-lg)", "cssValue": "15px" } } }, "text-8": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-8)", "cssValue": "8px", "note": "initials in the empty garment placeholder (.dt-ph.none)" } } }, "text-8-5": { "$type": "dimension", "$value": { "value": 8.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-8-5)", "cssValue": "8.5px", "note": "initials in the empty garment placeholder (.dt-ph.none)" } } }, "text-9": { "$type": "dimension", "$value": { "value": 9, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-9)", "cssValue": "9px", "note": "initials in the large empty garment placeholder (.dt-ph.lg.none)" } } }, "text-9-5": { "$type": "dimension", "$value": { "value": 9.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-9-5)", "cssValue": "9.5px", "note": "small mono badge" } } }, "text-10": { "$type": "dimension", "$value": { "value": 10, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-10)", "cssValue": "10px", "note": "tab bar badge, tiny avatar" } } }, "text-10-5": { "$type": "dimension", "$value": { "value": 10.5, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-10-5)", "cssValue": "10.5px", "note": "STAGING / environment badge, tab bar label, filter counts" } } }, "text-11": { "$type": "dimension", "$value": { "value": 11, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-11)", "cssValue": "11px", "note": "kbd, chip count, step mark" } } }, "text-14": { "$type": "dimension", "$value": { "value": 14, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-14)", "cssValue": "14px", "note": "phone lede, phone list title" } } }, "text-18": { "$type": "dimension", "$value": { "value": 18, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-18)", "cssValue": "18px", "note": "phone sheet and ticket title" } } }, "text-19": { "$type": "dimension", "$value": { "value": 19, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-19)", "cssValue": "19px", "note": "surface-only literal" } } }, "text-20": { "$type": "dimension", "$value": { "value": 20, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-20)", "cssValue": "20px", "note": "ticket head, mini error page title" } } }, "text-22": { "$type": "dimension", "$value": { "value": 22, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-22)", "cssValue": "22px", "note": "stacked KPI value, error page title" } } }, "text-24": { "$type": "dimension", "$value": { "value": 24, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-24)", "cssValue": "24px", "note": "phone page title" } } }, "text-44": { "$type": "dimension", "$value": { "value": 44, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-44)", "cssValue": "44px", "note": "surface-only literal" } } }, "text-52": { "$type": "dimension", "$value": { "value": 52, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-52)", "cssValue": "52px", "note": "surface-only literal" } } }, "text-nav": { "$type": "dimension", "$value": { "value": 13, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-nav)", "cssValue": "13px", "note": "new · NEW name. Menu item (DTC draws its menu at 13.5px)" } } }, "text-rail": { "$type": "dimension", "$value": { "value": 10, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--text-rail)", "cssValue": "10px", "note": "new · NEW. Rail label (Archivo 500; 600 when active), up to 2 lines" } } } }, "lineHeight": { "lh-display": { "$type": "number", "$value": 1.05, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-display)", "cssValue": "1.05" } } }, "lh-page": { "$type": "number", "$value": 1.15, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-page)", "cssValue": "1.15" } } }, "lh-section": { "$type": "number", "$value": 1.25, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-section)", "cssValue": "1.25" } } }, "lh-card": { "$type": "number", "$value": 1.3, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-card)", "cssValue": "1.3", "note": "card title, panel h3" } } }, "lh-body": { "$type": "number", "$value": 1.45, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-body)", "cssValue": "1.45", "note": "default UI text (Plex)" } } }, "lh-read": { "$type": "number", "$value": 1.55, "$extensions": { "com.rj-admin-kit": { "css": "var(--lh-read)", "cssValue": "1.55", "note": "help drawer, long copy" } } } }, "tracking": { "tr-display": { "$type": "string", "$value": "-.02em", "$extensions": { "com.rj-admin-kit": { "css": "var(--tr-display)", "cssValue": "-.02em", "note": "kit page H1 only" } } }, "tr-page": { "$type": "string", "$value": "-.015em", "$extensions": { "com.rj-admin-kit": { "css": "var(--tr-page)", "cssValue": "-.015em", "note": "page title in the app" } } }, "tr-section": { "$type": "string", "$value": "-.005em", "$extensions": { "com.rj-admin-kit": { "css": "var(--tr-section)", "cssValue": "-.005em", "note": "sheet / dialog / panel title" } } } }, "weight": { "w-regular": { "$type": "number", "$value": 400, "$extensions": { "com.rj-admin-kit": { "css": "var(--w-regular)", "cssValue": "400" } } }, "w-medium": { "$type": "number", "$value": 500, "$extensions": { "com.rj-admin-kit": { "css": "var(--w-medium)", "cssValue": "500" } } }, "w-semibold": { "$type": "number", "$value": 600, "$extensions": { "com.rj-admin-kit": { "css": "var(--w-semibold)", "cssValue": "600" } } }, "w-bold": { "$type": "number", "$value": 700, "$extensions": { "com.rj-admin-kit": { "css": "var(--w-bold)", "cssValue": "700" } } } } }, "space": { "s-0": { "$type": "number", "$value": 0, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-0)", "cssValue": "0" } } }, "s-1": { "$type": "dimension", "$value": { "value": 4, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-1)", "cssValue": "4px" } } }, "s-2": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-2)", "cssValue": "8px" } } }, "s-3": { "$type": "dimension", "$value": { "value": 12, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-3)", "cssValue": "12px" } } }, "s-4": { "$type": "dimension", "$value": { "value": 16, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-4)", "cssValue": "16px" } } }, "s-5": { "$type": "dimension", "$value": { "value": 20, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-5)", "cssValue": "20px" } } }, "s-6": { "$type": "dimension", "$value": { "value": 24, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-6)", "cssValue": "24px" } } }, "s-7": { "$type": "dimension", "$value": { "value": 28, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-7)", "cssValue": "28px" } } }, "s-8": { "$type": "dimension", "$value": { "value": 32, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-8)", "cssValue": "32px" } } }, "s-10": { "$type": "dimension", "$value": { "value": 40, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-10)", "cssValue": "40px" } } }, "s-12": { "$type": "dimension", "$value": { "value": 48, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-12)", "cssValue": "48px" } } }, "s-16": { "$type": "dimension", "$value": { "value": 64, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-16)", "cssValue": "64px" } } }, "s-18": { "$type": "dimension", "$value": { "value": 72, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--s-18)", "cssValue": "72px" } } } }, "radius": { "r-chip": { "$type": "dimension", "$value": { "value": 4, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-chip)", "cssValue": "4px", "note": "square chips" } } }, "r-control": { "$type": "dimension", "$value": { "value": 6, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-control)", "cssValue": "6px", "note": "buttons, inputs, menu items, filter chips" } } }, "r-card": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-card)", "cssValue": "8px", "note": "cards, table wrap, popovers (= radius + 2)" } } }, "r-frame": { "$type": "dimension", "$value": { "value": 15, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-frame)", "cssValue": "15px", "note": "panels, app frame, specimen cards" } } }, "r-pill": { "$type": "dimension", "$value": { "value": 999, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-pill)", "cssValue": "999px", "note": "switch, avatar" } } }, "r-media": { "$type": "dimension", "$value": { "value": 4, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--r-media)", "cssValue": "4px", "note": "photos inside cards" } } }, "r-card-inner": { "$type": "string", "$value": "calc(8px - 1px)", "$extensions": { "com.rj-admin-kit": { "css": "var(--r-card-inner)", "cssValue": "calc(var(--r-card) - 1px)", "note": "photo corners inside a 1px-bordered card (raised by cards-gallery)" } } } }, "shadow": { "e-0": { "$type": "string", "$value": "none", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-0)", "cssValue": "none" } } }, "e-1": { "$type": "string", "$value": "0 1px 2px rgba(8,18,14,.04)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-1)", "cssValue": "0 1px 2px rgba(8,18,14,.04)", "note": "card", "modes": { "dtc": "0 1px 2px rgba(8,18,14,.04)" } } } }, "e-btn": { "$type": "string", "$value": "0 1px 2px rgba(8,18,14,.20)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-btn)", "cssValue": "0 1px 2px rgba(8,18,14,.20)", "note": "primary button", "modes": { "dtc": "0 1px 2px rgba(8,18,14,.20)" } } } }, "e-btn-2": { "$type": "string", "$value": "0 1px 1px rgba(8,18,14,.05)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-btn-2)", "cssValue": "0 1px 1px rgba(8,18,14,.05)", "note": "secondary button", "modes": { "dtc": "0 1px 1px rgba(8,18,14,.05)" } } } }, "e-frame": { "$type": "string", "$value": "0 0 0 1px rgba(8,18,14,.05), 0 16px 36px -24px rgba(8,18,14,.20)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-frame)", "cssValue": "0 0 0 1px rgba(8,18,14,.05), 0 16px 36px -24px rgba(8,18,14,.20)", "note": "app frame" } } }, "e-pop": { "$type": "string", "$value": "0 12px 32px -10px rgba(8,18,14,.25)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-pop)", "cssValue": "0 12px 32px -10px rgba(8,18,14,.25)", "note": "dropdown, combobox", "modes": { "dtc": "0 12px 32px -10px rgba(8,18,14,.25)" } } } }, "e-toast": { "$type": "string", "$value": "0 12px 28px -14px rgba(8,18,14,.35)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-toast)", "cssValue": "0 12px 28px -14px rgba(8,18,14,.35)" } } }, "e-sheet": { "$type": "string", "$value": "-24px 0 60px -20px rgba(8,18,14,.35)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-sheet)", "cssValue": "-24px 0 60px -20px rgba(8,18,14,.35)", "note": "side sheet, help drawer" } } }, "e-dialog": { "$type": "string", "$value": "0 24px 64px -20px rgba(8,18,14,.40)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-dialog)", "cssValue": "0 24px 64px -20px rgba(8,18,14,.40)", "modes": { "dtc": "0 24px 64px -20px rgba(8,18,14,.40)" } } } }, "e-phone-sheet": { "$type": "string", "$value": "0 -20px 50px -20px rgba(8,18,14,.50)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-phone-sheet)", "cssValue": "0 -20px 50px -20px rgba(8,18,14,.50)", "note": "phone bottom sheet" } } }, "e-card-hover": { "$type": "string", "$value": "0 10px 24px -14px rgba(8,18,14,.28)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-card-hover)", "cssValue": "0 10px 24px -14px rgba(8,18,14,.28)", "note": "lifted card / kanban card (raised by cards-gallery + data-display)" } } }, "e-rail": { "$type": "string", "$value": "inset 2px 0 0 hsl(220 49% 11%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail)", "cssValue": "inset 2px 0 0 hsl(var(--primary))", "note": "2px primary rail: selected row (.fc-cp-tbl)" } } }, "e-rail-warning": { "$type": "string", "$value": "inset 2px 0 0 hsl(36 79% 29%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail-warning)", "cssValue": "inset 2px 0 0 hsl(var(--warning))", "note": "2px warning rail (surfaces)" } } }, "e-rail-strong": { "$type": "string", "$value": "inset 3px 0 0 hsl(220 49% 11%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail-strong)", "cssValue": "inset 3px 0 0 hsl(var(--primary))", "note": "3px primary rail (surfaces)" } } }, "e-rail-strong-info": { "$type": "string", "$value": "inset 3px 0 0 hsl(218 49% 39%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail-strong-info)", "cssValue": "inset 3px 0 0 hsl(var(--info))" } } }, "e-rail-strong-warning": { "$type": "string", "$value": "inset 3px 0 0 hsl(36 79% 29%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail-strong-warning)", "cssValue": "inset 3px 0 0 hsl(var(--warning))", "note": "stale card" } } }, "e-rail-strong-destructive": { "$type": "string", "$value": "inset 3px 0 0 hsl(353 53% 42%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-rail-strong-destructive)", "cssValue": "inset 3px 0 0 hsl(var(--destructive))", "note": "blocked card" } } }, "e-row-focus": { "$type": "string", "$value": "inset 0 1px 0 hsl(219 51% 35%),inset 0 -1px 0 hsl(219 51% 35%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-row-focus)", "cssValue": "inset 0 1px 0 hsl(var(--ring)),inset 0 -1px 0 hsl(var(--ring))", "note": "keyboard-focused table row cell" } } }, "e-row-focus-first": { "$type": "string", "$value": "inset 2px 0 0 hsl(219 51% 35%),inset 0 1px 0 hsl(219 51% 35%),inset 0 -1px 0 hsl(219 51% 35%)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-row-focus-first)", "cssValue": "inset 2px 0 0 hsl(var(--ring)),inset 0 1px 0 hsl(var(--ring)),inset 0 -1px 0 hsl(var(--ring))", "note": "its first cell" } } }, "e-sidebar-edge": { "$type": "string", "$value": "inset -1px 0 0 rgba(201,206,218,.07)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-sidebar-edge)", "cssValue": "inset -1px 0 0 rgba(201,206,218,.07)", "modes": { "dtc": "inset -1px 0 0 rgba(201,208,205,0.07)" } } } }, "e-sidebar-item-on": { "$type": "string", "$value": "inset 0 0 0 1px rgba(201,206,218,.09),0 6px 18px -12px rgba(110,140,210,.22)", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-sidebar-item-on)", "cssValue": "inset 0 0 0 1px rgba(201,206,218,.09),0 6px 18px -12px rgba(110,140,210,.22)", "modes": { "dtc": "inset 0 0 0 1px rgba(201,208,205,0.09),0 6px 18px -12px rgba(112,152,137,0.22)" } } } }, "e-brand-mark": { "$type": "string", "$value": "none", "$extensions": { "com.rj-admin-kit": { "css": "var(--e-brand-mark)", "cssValue": "none", "note": "was 0 0 12px -4px rgba(150,175,225,.22) · no glow on the white corner", "modes": { "dtc": "0 0 12px -4px rgba(155,182,171,0.22)" } } } } }, "motion": { "easing": { "ease-standard": { "$type": "string", "$value": "cubic-bezier(.2,0,0,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-standard)", "cssValue": "cubic-bezier(.2,0,0,1)" } } }, "ease-in": { "$type": "string", "$value": "cubic-bezier(.22,1,.36,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-in)", "cssValue": "cubic-bezier(.22,1,.36,1)", "note": "entering: soft landing" } } }, "ease-out": { "$type": "string", "$value": "cubic-bezier(.4,0,1,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-out)", "cssValue": "cubic-bezier(.4,0,1,1)", "note": "leaving" } } }, "ease-enter": { "$type": "string", "$value": "cubic-bezier(.22,1,.36,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-enter)", "cssValue": "var(--ease-in)", "note": "clearer name: the ENTERING curve (decelerates into place). --ease-in stays for compatibility" } } }, "ease-exit": { "$type": "string", "$value": "cubic-bezier(.4,0,1,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-exit)", "cssValue": "var(--ease-out)", "note": "clearer name: the LEAVING curve (accelerates away). --ease-out stays for compatibility" } } }, "ease-linear": { "$type": "string", "$value": "linear", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-linear)", "cssValue": "linear", "note": "spinners and rotations only" } } }, "ease-blink": { "$type": "string", "$value": "steps(1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--ease-blink)", "cssValue": "steps(1)", "note": "text caret blink" } } } }, "motion-hover": { "$type": "string", "$value": "120ms cubic-bezier(.2,0,0,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-hover)", "cssValue": "120ms var(--ease-standard)" } } }, "motion-press": { "$type": "string", "$value": "80ms cubic-bezier(.2,0,0,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-press)", "cssValue": "80ms var(--ease-standard)" } } }, "motion-focus": { "$type": "string", "$value": "140ms cubic-bezier(.2,0,0,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-focus)", "cssValue": "140ms var(--ease-standard)" } } }, "motion-pop-in": { "$type": "string", "$value": "160ms cubic-bezier(.22,1,.36,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-pop-in)", "cssValue": "160ms var(--ease-in)" } } }, "motion-pop-out": { "$type": "string", "$value": "110ms cubic-bezier(.4,0,1,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-pop-out)", "cssValue": "110ms var(--ease-out)" } } }, "motion-sheet-in": { "$type": "string", "$value": "260ms cubic-bezier(.22,1,.36,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-sheet-in)", "cssValue": "260ms var(--ease-in)" } } }, "motion-sheet-out": { "$type": "string", "$value": "180ms cubic-bezier(.4,0,1,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-sheet-out)", "cssValue": "180ms var(--ease-out)" } } }, "motion-toast-in": { "$type": "string", "$value": "200ms cubic-bezier(.22,1,.36,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-toast-in)", "cssValue": "200ms var(--ease-in)" } } }, "motion-toast-out": { "$type": "string", "$value": "140ms cubic-bezier(.4,0,1,1)", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-toast-out)", "cssValue": "140ms var(--ease-out)" } } }, "motion-skeleton": { "$type": "string", "$value": "1.6s cubic-bezier(.2,0,0,1) infinite alternate", "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-skeleton)", "cssValue": "1.6s var(--ease-standard) infinite alternate", "note": "skeleton pulse (raised by data-table + cards-gallery)" } } }, "motion-spin": { "$type": "duration", "$value": { "value": 800.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-spin)", "cssValue": ".8s", "note": "spinner turn" } } }, "motion-spin-reduced": { "$type": "duration", "$value": { "value": 2400.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-spin-reduced)", "cssValue": "2.4s", "note": "spinner turn under prefers-reduced-motion" } } }, "motion-flash": { "$type": "duration", "$value": { "value": 900.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-flash)", "cssValue": "900ms", "note": "row / card \"just changed\" flash" } } }, "motion-shake": { "$type": "duration", "$value": { "value": 360.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-shake)", "cssValue": "360ms", "note": "shake animation on the surfaces (pg-shake)" } } }, "motion-rotate": { "$type": "duration", "$value": { "value": 1200.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-rotate)", "cssValue": "1.2s", "note": "rotation animation on the surfaces (wb-rot)" } } }, "motion-indeterminate": { "$type": "duration", "$value": { "value": 1500.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-indeterminate)", "cssValue": "1.5s", "note": "indeterminate progress bar sweep" } } }, "motion-loadbar": { "$type": "duration", "$value": { "value": 1400.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-loadbar)", "cssValue": "1.4s", "note": "top load bar sweep" } } }, "motion-caret": { "$type": "duration", "$value": { "value": 1100.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-caret)", "cssValue": "1.1s", "note": "command palette caret blink" } } }, "motion-handoff": { "$type": "duration", "$value": { "value": 200.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-handoff)", "cssValue": ".2s", "note": "visibility hand-off after a menu, tooltip or dialog closes" } } }, "motion-handoff-sheet": { "$type": "duration", "$value": { "value": 300.0, "unit": "ms" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--motion-handoff-sheet)", "cssValue": ".3s", "note": "visibility hand-off after a side sheet closes" } } } }, "z": { "z-sticky": { "$type": "number", "$value": 3, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-sticky)", "cssValue": "3" } } }, "z-pop": { "$type": "number", "$value": 20, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-pop)", "cssValue": "20" } } }, "z-tip": { "$type": "number", "$value": 25, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-tip)", "cssValue": "25" } } }, "z-scrim": { "$type": "number", "$value": 30, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-scrim)", "cssValue": "30" } } }, "z-sheet": { "$type": "number", "$value": 31, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-sheet)", "cssValue": "31" } } }, "z-guard-scrim": { "$type": "number", "$value": 40, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-guard-scrim)", "cssValue": "40" } } }, "z-guard": { "$type": "number", "$value": 41, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-guard)", "cssValue": "41" } } }, "z-toast": { "$type": "number", "$value": 50, "$extensions": { "com.rj-admin-kit": { "css": "var(--z-toast)", "cssValue": "50" } } } }, "viewport": { "vp-desktop": { "$type": "dimension", "$value": { "value": 1440, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--vp-desktop)", "cssValue": "1440px" } } }, "vp-phone": { "$type": "dimension", "$value": { "value": 390, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--vp-phone)", "cssValue": "390px" } } } }, "shell": { "rail-w": { "$type": "dimension", "$value": { "value": 76, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--rail-w)", "cssValue": "76px", "note": "new · NEW. Collapsed rail, labelled (2b HQ Rail b form). Expanded stays --sidebar-w 232px (inherited)" } } }, "rail-item-w": { "$type": "dimension", "$value": { "value": 66, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--rail-item-w)", "cssValue": "66px", "note": "new · NEW. Rail item: icon over label" } } }, "rail-item-min-h": { "$type": "dimension", "$value": { "value": 48, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--rail-item-min-h)", "cssValue": "48px", "note": "new · NEW. Grows if a label wraps to its second line; never truncates" } } }, "hq-corner-bg": { "$type": "color", "$value": "#FFFFFF", "$extensions": { "com.rj-admin-kit": { "css": "var(--hq-corner-bg)", "cssValue": "#FFFFFF", "note": "new · NEW. The white 'RJ HQ · Master admin' corner joining the header", "modes": { "dtc": "#08120E" } } } }, "hq-corner-fg": { "$type": "color", "$value": "#0E1729", "$extensions": { "com.rj-admin-kit": { "css": "var(--hq-corner-fg)", "cssValue": "#0E1729", "note": "new · NEW. 'HQ' wordmark ink (= DTC navy, pinned)", "modes": { "dtc": "#FAFAF8" } } } }, "hq-corner-sub": { "$type": "color", "$value": "#505A70", "$extensions": { "com.rj-admin-kit": { "css": "var(--hq-corner-sub)", "cssValue": "#505A70", "note": "new · NEW. 'Master admin' line (= --muted-foreground)", "modes": { "dtc": "#C9D0CD" } } } }, "hmenu-jobs-w": { "$type": "dimension", "$value": { "value": 600, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--hmenu-jobs-w)", "cssValue": "var(--dropdown-w-lg)", "note": "header Jobs list · was 340px (v1)" } } }, "hmenu-notif-w": { "$type": "dimension", "$value": { "value": 520, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--hmenu-notif-w)", "cssValue": "var(--dropdown-w-md)", "note": "notification centre menu · was 360px (v1)" } } }, "hmenu-tz-w": { "$type": "dimension", "$value": { "value": 260, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--hmenu-tz-w)", "cssValue": "260px", "note": "clock → timezone menu" } } } }, "tape": { "tape-color": { "$type": "color", "$value": "#2C4B86", "$extensions": { "com.rj-admin-kit": { "css": "var(--tape-color)", "cssValue": "var(--steel)", "note": "new · NEW. Ticks under the header + HQ corner, on the sorted column, on progress", "modes": { "dtc": "#436C5C" } } } }, "tape-minor": { "$type": "dimension", "$value": { "value": 8, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tape-minor)", "cssValue": "8px", "note": "new · NEW. Minor tick pitch" } } }, "tape-major": { "$type": "dimension", "$value": { "value": 80, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tape-major)", "cssValue": "80px", "note": "new · NEW. Major tick pitch" } } }, "tape-h": { "$type": "dimension", "$value": { "value": 6, "unit": "px" }, "$extensions": { "com.rj-admin-kit": { "css": "var(--tape-h)", "cssValue": "6px", "note": "new · NEW. Major tick height (minor = 3px)" } } }, "tape-opacity": { "$type": "number", "$value": 0.55, "$extensions": { "com.rj-admin-kit": { "css": "var(--tape-opacity)", "cssValue": ".55", "note": "new · NEW. Kept quiet", "modes": { "dtc": 0 } } } } } }