{
  "name": "cno",
  "version": "1.0",
  "source": "nationalobserver.com (saved pages) via design-tokens/tokens.css",
  "color": {
    "text": "#000000",
    "text-on-dark": "#ffffff",
    "text-muted": "#666666",
    "text-disabled": "#999999",
    "primary": "#003f74",
    "primary-hover": "#3ba5d1",
    "link": "#3ba5d1",
    "accent": "#fe3b1f",
    "brand-red": "#ff3a1e",
    "ink": "#000000",
    "ink-soft": "#222222",
    "surface": "#ffffff",
    "page-bg": "#f9f9f9",
    "surface-alt": "#f2f2f2",
    "border": "#dddddd",
    "border-light": "#e2e2e2",
    "border-strong": "#cccccc",
    "hover": "rgba(0, 0, 0, 0.04)",
    "focus-visible": "rgba(0, 0, 0, 0.12)",
    "icon-muted": "#757575",
    "backdrop": "rgba(0, 0, 0, 0.8)",
    "link-underline": "rgba(0, 63, 116, 0.4)",
    "disabled-bg": "#e2e2e2",
    "disabled-text": "#999999",
    "success": "#0db500",
    "success-bg": "#d4f4d4",
    "success-text": "#054f00",
    "danger": "#ff0c00",
    "danger-bg": "#ffcecc",
    "danger-text": "#990700",
    "warning": "#ffad02",
    "warning-bg": "#fdca40"
  },
  "font": {
    "family": "ProximaNova, \"Helvetica Neue\", Helvetica, Arial, \"Nimbus Sans L\", sans-serif",
    "familySerif": "\"Noto Serif\", Georgia, Times, \"Times New Roman\", serif"
  },
  "layout": {
    "page-padding": "40px",
    "card-padding": "24px",
    "sidebar-width": "240px",
    "content-max-width": "1290px",
    "article-max-width": "790px"
  },
  "cssVariables": {
    "--color-text": "#000000",
    "--color-text-on-dark": "#ffffff",
    "--color-text-muted": "#666666",
    "--color-text-disabled": "#999999",
    "--color-primary": "#003f74",
    "--color-primary-hover": "#3ba5d1",
    "--color-link": "#3ba5d1",
    "--color-accent": "#fe3b1f",
    "--color-brand-red": "#ff3a1e",
    "--color-ink": "#000000",
    "--color-ink-soft": "#222222",
    "--color-surface": "#ffffff",
    "--color-page-bg": "#f9f9f9",
    "--color-surface-alt": "#f2f2f2",
    "--color-border": "#dddddd",
    "--color-border-light": "#e2e2e2",
    "--color-border-strong": "#cccccc",
    "--color-hover": "rgba(0, 0, 0, 0.04)",
    "--color-focus-visible": "rgba(0, 0, 0, 0.12)",
    "--color-icon-muted": "#757575",
    "--color-backdrop": "rgba(0, 0, 0, 0.8)",
    "--color-link-underline": "rgba(0, 63, 116, 0.4)",
    "--color-disabled-bg": "#e2e2e2",
    "--color-disabled-text": "#999999",
    "--color-success": "#0db500",
    "--color-success-bg": "#d4f4d4",
    "--color-success-text": "#054f00",
    "--color-danger": "#ff0c00",
    "--color-danger-bg": "#ffcecc",
    "--color-danger-text": "#990700",
    "--color-warning": "#ffad02",
    "--color-warning-bg": "#fdca40",
    "--font-family": "ProximaNova, \"Helvetica Neue\", Helvetica, Arial, \"Nimbus Sans L\", sans-serif",
    "--font-family-serif": "\"Noto Serif\", Georgia, Times, \"Times New Roman\", serif",
    "--letter-spacing": "0",
    "--font-size-title": "32px",
    "--line-height-title": "36px",
    "--font-weight-title": "800",
    "--font-size-display": "54px",
    "--line-height-display": "60px",
    "--font-size-h2": "32px",
    "--line-height-h2": "40.8px",
    "--font-size-lg": "18px",
    "--line-height-lg": "24px",
    "--font-size-md": "16px",
    "--line-height-md": "24px",
    "--font-size-table": "15px",
    "--line-height-table": "22px",
    "--font-size-nav": "14px",
    "--line-height-nav": "20px",
    "--font-size-thead": "13px",
    "--line-height-thead": "20px",
    "--font-size-caption": "13px",
    "--line-height-caption": "18px",
    "--font-weight-regular": "400",
    "--font-weight-semibold": "600",
    "--font-weight-bold": "700",
    "--font-weight-thead": "800",
    "--radius-sm": "4px",
    "--radius-btn-sm": "15px",
    "--radius-btn-md": "20px",
    "--radius-btn-lg": "24px",
    "--radius-round": "50%",
    "--space-1": "4px",
    "--space-2": "8px",
    "--space-3": "12px",
    "--space-4": "16px",
    "--space-5": "20px",
    "--space-6": "24px",
    "--space-8": "32px",
    "--space-10": "40px",
    "--page-padding": "40px",
    "--card-padding": "24px",
    "--shadow-1": "0 1px 2px rgba(0, 0, 0, 0.12)",
    "--shadow-8": "0 6px 16px rgba(0, 0, 0, 0.16)",
    "--shadow-24": "0 16px 40px rgba(0, 0, 0, 0.3)",
    "--duration-hover": "150ms",
    "--duration-menu-item": "150ms",
    "--ease-standard": "ease-in-out",
    "--transition-focus": "150ms ease-in-out",
    "--sidebar-width": "240px",
    "--content-max-width": "1290px",
    "--article-max-width": "790px",
    "--nav-indicator-height": "4px",
    "--header-height": "200px",
    "--footer-padding": "20px"
  }
}