{
  "$description": "NUEVAUNO UI tokens: the single source of the interface's colors, type, sizes, borders, spacing, shadows, motion and breakpoints. Format based on W3C Design Tokens ($value, $type, $description); a token whose value changes in dark mode carries it in $extensions[\"com.nuevauno.dark\"]. scripts/build-tokens.mjs writes public/tokens/tokens.css (Cloudflare products and pages) and public/tokens/_tokens.scss and _tokens.dark.scss (engine modules). Never copy a value by hand: import the generated file.",
  "color": {
    "$type": "color",
    "accent": {
      "$value": "#FE4A23",
      "$description": "The only accent: the brand orange."
    },
    "accent-hover": {
      "$value": "#e53d18"
    },
    "accent-soft": {
      "$value": "#fff1ec",
      "$description": "Active navigation item and soft accent backgrounds.",
      "$extensions": {
        "com.nuevauno.dark": "rgba(254, 74, 35, 0.14)"
      }
    },
    "on-accent": {
      "$value": "#ffffff",
      "$description": "Text on the accent (primary button)."
    },
    "ink": {
      "$value": "#11183a",
      "$description": "Text and drawings.",
      "$extensions": {
        "com.nuevauno.dark": "#f1f3f8"
      }
    },
    "ink-deep": {
      "$value": "#0A0E27"
    },
    "muted": {
      "$value": "#6b7080",
      "$description": "Secondary text.",
      "$extensions": {
        "com.nuevauno.dark": "#9aa3b5"
      }
    },
    "faint": {
      "$value": "#9a9ca8",
      "$extensions": {
        "com.nuevauno.dark": "#7d8499"
      }
    },
    "background": {
      "$value": "#f8f9fa",
      "$description": "Content background (with the dot grid).",
      "$extensions": {
        "com.nuevauno.dark": "#0e1226"
      }
    },
    "background-dot": {
      "$value": "#e1e5e8",
      "$extensions": {
        "com.nuevauno.dark": "rgba(255, 255, 255, 0.07)"
      }
    },
    "surface": {
      "$value": "#ffffff",
      "$description": "Cards, header and side menu.",
      "$extensions": {
        "com.nuevauno.dark": "#151a33"
      }
    },
    "border": {
      "$value": "#e8e6e0",
      "$extensions": {
        "com.nuevauno.dark": "rgba(255, 255, 255, 0.1)"
      }
    },
    "border-strong": {
      "$value": "#858a97",
      "$description": "The edge that alone tells a control apart (a secondary button): 3:1 or more against the background and the surface (WCAG 1.4.11).",
      "$extensions": {
        "com.nuevauno.dark": "rgba(255, 255, 255, 0.4)"
      }
    },
    "divider": {
      "$value": "#efede8",
      "$extensions": {
        "com.nuevauno.dark": "rgba(255, 255, 255, 0.06)"
      }
    },
    "hover": {
      "$value": "#f7f6f3",
      "$extensions": {
        "com.nuevauno.dark": "rgba(255, 255, 255, 0.06)"
      }
    },
    "online": {
      "$value": "#2f9e5b"
    },
    "cream": {
      "$value": "#f5f3ec",
      "$description": "Brand backgrounds outside the system screens."
    },
    "warm-neutral": {
      "$value": "#f4f4f1",
      "$description": "Brand backgrounds and placeholders; never the content of a system screen."
    },
    "success": {
      "$value": "#16a34a",
      "$extensions": {
        "com.nuevauno.dark": "#1DC959"
      }
    },
    "info": {
      "$value": "#0ea5e9",
      "$extensions": {
        "com.nuevauno.dark": "#6AB5FB"
      }
    },
    "warning": {
      "$value": "#f59e0b",
      "$extensions": {
        "com.nuevauno.dark": "#FBB56A"
      }
    },
    "error": {
      "$value": "#dc2626",
      "$extensions": {
        "com.nuevauno.dark": "#FF5757"
      }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "sans": {
        "$value": [
          "Urbanist",
          "system-ui",
          "-apple-system",
          "sans-serif"
        ],
        "$description": "Every text, titles and buttons included."
      },
      "mono": {
        "$value": [
          "Ubuntu Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$description": "System labels: uppercase, letter-spaced. If Ubuntu Mono has not loaded, a sans-serif monospace of the system, never a serif one."
      }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": {
        "$value": 400,
        "$description": "The only weight: no bold anywhere; hierarchy goes by size and color."
      }
    },
    "letter-spacing": {
      "$type": "dimension",
      "label": {
        "$value": "0.12em"
      }
    },
    "line-height": {
      "$type": "number",
      "tight": {
        "$value": 1.15,
        "$description": "Large titles."
      },
      "normal": {
        "$value": 1.45,
        "$description": "Running text and the screens' base."
      }
    }
  },
  "size": {
    "$type": "dimension",
    "caption": {
      "$value": "13px"
    },
    "label": {
      "$value": "11px",
      "$description": "System labels (Ubuntu Mono, uppercase)."
    },
    "label-block": {
      "$value": "12px",
      "$description": "The label that names a block (\"YOUR APPS · 3\")."
    },
    "small": {
      "$value": "14px",
      "$description": "Text of work screens with a mouse, small buttons, notices."
    },
    "body": {
      "$value": "15px"
    },
    "input": {
      "$value": "16px",
      "$description": "Field text on touch screens (iOS does not zoom) and large buttons."
    },
    "subtitle": {
      "$value": "18px"
    },
    "lead": {
      "$value": "20px"
    },
    "heading": {
      "$value": "24px",
      "$description": "Title of a work screen; the wizard's line field."
    },
    "page-title": {
      "$value": "28px",
      "$description": "Title of a one-column page (sign-in, account)."
    },
    "number": {
      "$value": "30px"
    },
    "title": {
      "$value": "40px"
    },
    "hero": {
      "$value": "72px"
    }
  },
  "radius": {
    "$type": "dimension",
    "default": {
      "$value": "0px",
      "$description": "Radius 0 everywhere."
    }
  },
  "border": {
    "$type": "dimension",
    "width": {
      "$value": "1px"
    },
    "focus": {
      "$value": "2px",
      "$description": "The keyboard focus ring."
    }
  },
  "space": {
    "$type": "dimension",
    "gutter-mobile": {
      "$value": "16px"
    },
    "cell-x": {
      "$value": "12px"
    },
    "cell-y": {
      "$value": "9px"
    },
    "dot-grid": {
      "$value": "18px",
      "$description": "Spacing of the background dot grid."
    },
    "4": {
      "$value": "4px"
    },
    "6": {
      "$value": "6px"
    },
    "8": {
      "$value": "8px"
    },
    "10": {
      "$value": "10px"
    },
    "12": {
      "$value": "12px"
    },
    "14": {
      "$value": "14px"
    },
    "16": {
      "$value": "16px"
    },
    "18": {
      "$value": "18px"
    },
    "20": {
      "$value": "20px"
    },
    "24": {
      "$value": "24px"
    },
    "28": {
      "$value": "28px"
    },
    "32": {
      "$value": "32px"
    },
    "$description": "Fixed steps in px, the ones the screens use. A component picks a step; it never writes a number."
  },
  "control": {
    "$type": "dimension",
    "pointer": {
      "$value": "32px"
    },
    "pointer-small": {
      "$value": "28px"
    },
    "touch": {
      "$value": "44px",
      "$description": "Minimum touch target."
    },
    "touch-small": {
      "$value": "36px"
    },
    "chip": {
      "$value": "26px",
      "$description": "Chips."
    },
    "chip-small": {
      "$value": "24px",
      "$description": "Chips of a work screen with a mouse."
    },
    "row": {
      "$value": "48px",
      "$description": "A notice or an activity row."
    },
    "large": {
      "$value": "56px",
      "$description": "Large buttons and the wizard's line field (Home, wizards)."
    },
    "textarea": {
      "$value": "96px",
      "$description": "Minimum height of a text area."
    },
    "mark": {
      "$value": "8px",
      "$description": "The status square and the notice mark."
    },
    "icon": {
      "$value": "18px",
      "$description": "An icon inside a button."
    }
  },
  "layout": {
    "$type": "dimension",
    "content-width": {
      "$value": "1120px"
    },
    "sidebar-open": {
      "$value": "232px"
    },
    "sidebar-collapsed": {
      "$value": "64px"
    },
    "sidebar-touch": {
      "$value": "272px"
    },
    "page-narrow": {
      "$value": "400px",
      "$description": "The column of a one-column page (sign-in, account)."
    },
    "text-min": {
      "$value": "260px",
      "$description": "The narrowest a line of text gets before what follows it wraps below (a notice's action)."
    },
    "card-min": {
      "$value": "200px",
      "$description": "The narrowest card of a strip of cards."
    }
  },
  "shadow": {
    "$type": "shadow",
    "floating": {
      "$value": "0 12px 32px rgba(17, 24, 58, 0.08)",
      "$description": "Only for what floats (menus, panels). Everything else has no shadow.",
      "$extensions": {
        "com.nuevauno.dark": "0 12px 32px rgba(0, 0, 0, 0.4)"
      }
    },
    "none": {
      "$value": "none"
    }
  },
  "motion": {
    "cursor-blink": {
      "$value": "1.05s steps(1, end)",
      "$description": "The logo cursor blink."
    }
  },
  "breakpoint": {
    "$type": "dimension",
    "phone-max": {
      "$value": "767px"
    },
    "tablet-max": {
      "$value": "1199px"
    }
  },
  "opacity": {
    "$type": "number",
    "disabled": {
      "$value": 0.5,
      "$description": "A control that cannot be used now."
    }
  }
}