/*
 * RBDS Design Token Snapshot
 * Copied from: packages/design/src/styles/_tokens.scss
 *              packages/design/src/styles/setup/_font-face.scss
 *              packages/design/src/styles/foundations/_animations.scss
 * Frontend monorepo: /Users/www/frontend
 *
 * To refresh: re-copy the :root block from _tokens.scss and the
 * @font-face rules from _font-face.scss (Rational Display, Space Mono,
 * and Font Awesome 6 Pro).
 */

/* ── Webfonts ──────────────────────────────────────────────────────────── */

@font-face {
  font-family: "Rational Display";
  font-display: swap;
  font-weight: 400;
  src: url("https://s.rockbot.com/fonts/design-system/rational-display/400-book.woff2") format("woff2");
}

@font-face {
  font-family: "Rational Display";
  font-display: swap;
  font-weight: 500;
  src: url("https://s.rockbot.com/fonts/design-system/rational-display/500-medium.woff2") format("woff2");
}

@font-face {
  font-family: "Rational Display";
  font-display: swap;
  font-weight: 600;
  src: url("https://s.rockbot.com/fonts/design-system/rational-display/600-semibold.woff2") format("woff2");
}

@font-face {
  font-family: "Rational Display";
  font-display: swap;
  font-weight: 700;
  src: url("https://s.rockbot.com/fonts/design-system/rational-display/700-bold.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-display: swap;
  font-weight: 700;
  src: url("https://s.rockbot.com/fonts/design-system/space-mono/700-bold.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-display: swap;
  font-weight: 400;
  src: url("https://s.rockbot.com/fonts/design-system/font-awesome-6/400-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-display: swap;
  font-weight: 900;
  src: url("https://s.rockbot.com/fonts/design-system/font-awesome-6/900-solid.woff2") format("woff2");
}

/* ── Timing / Motion ───────────────────────────────────────────────────── */
/* From: packages/design/src/styles/foundations/_animations.scss           */

:root {
  --timing-function-default: ease-out;
  --duration-fast: 0.1s;
  --duration-default: 0.15s;
  --duration-slow: 0.2s;
  --timing-fast: var(--duration-fast) var(--timing-function-default);
  --timing-default: var(--duration-default) var(--timing-function-default);
  --timing-slow: var(--duration-slow) var(--timing-function-default);
}

/* ── Design Tokens ─────────────────────────────────────────────────────── */

/* Global tokens based on 16px */
:root {
  --border-radius-2xs: 0.125rem;
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.5rem;
  --border-radius-xl: 2.5rem;
  --border-radius-button-pill: 1.75rem;
  --border-radius-circle: 100%;
  --border-sm-neutral: 0.0625rem solid #B9B9BF;
  --border-sm-neutral-hover: 0.0625rem solid #94959D;
  --border-sm-neutral-light: 0.0625rem solid #DBDBE1;
  --border-sm-success: 0.0625rem solid #C7D539;
  --border-sm-success-hover: 0.0625rem solid #91BD28;
  --border-sm-warning: 0.0625rem solid #EBBA0A;
  --border-sm-warning-hover: 0.0625rem solid #DDA013;
  --border-sm-danger: 0.0625rem solid #EE8469;
  --border-sm-danger-hover: 0.0625rem solid #D06148;
  --border-sm-danger-outline: 0.0625rem solid #FFD0C4;
  --border-sm-success-outline: 0.0625rem solid #DAEE8C;
  --border-sm-primary: 0.0625rem solid #3204AD;
  --border-sm-primary-outline: 0.0625rem solid #D2D1FB;
  --border-sm-transparent: 0.0625rem solid transparent;
  --border-md-neutral: 0.125rem solid #B9B9BF;
  --border-md-neutral-hover: 0.125rem solid #94959D;
  --border-md-neutral-light: 0.125rem solid #DBDBE1;
  --border-md-success: 0.125rem solid #C7D539;
  --border-md-success-hover: 0.125rem solid #91BD28;
  --border-md-warning: 0.125rem solid #EBBA0A;
  --border-md-warning-hover: 0.125rem solid #DDA013;
  --border-md-danger: 0.125rem solid #EE8469;
  --border-md-danger-hover: 0.125rem solid #D06148;
  --border-md-danger-outline: 0.125rem solid #FFD0C4;
  --border-md-success-outline: 0.125rem solid #DAEE8C;
  --border-md-primary: 0.125rem solid #3204AD;
  --border-md-primary-outline: 0.125rem solid #D2D1FB;
  --border-md-transparent: 0.125rem solid transparent;
  --border-width-sm: 0.0625rem;
  --border-width-md: 0.125rem;
  --color-text-default: #000044;
  --color-text-neutral: #575963;
  --color-text-neutral-light: #747580;
  --color-text-primary: #3204AD;
  --color-text-primary-hover: #14017E;
  --color-text-disabled: #94959D;
  --color-text-link: #4A5BFF;
  --color-text-link-hover: #4634ED;
  --color-text-invert: #FFFFFF;
  --color-text-success: #327619;
  --color-text-success-hover: #235813;
  --color-text-warning: #95671D;
  --color-text-warning-hover: #7D531C;
  --color-text-danger: #A7332B;
  --color-text-danger-hover: #8E2824;
  --color-surface-default: #FFFFFF;
  --color-surface-default-hover: #F0F0FF;
  --color-surface-default-active: #D2D1FB;
  --color-surface-primary: #3204AD;
  --color-surface-primary-hover: #14017E;
  --color-surface-primary-active: #000044;
  --color-surface-secondary: #4A5BFF;
  --color-surface-secondary-hover: #4634ED;
  --color-surface-secondary-active: #3204AD;
  --color-surface-neutral: #DBDBE1;
  --color-surface-neutral-light: #F6F6F8;
  --color-surface-primary-light: #F0F0FF;
  --color-surface-success-light: #ECF7CA;
  --color-surface-warning-light: #FEF8E1;
  --color-surface-danger-light: #FFEFEB;
  --color-border-neutral: #B9B9BF;
  --color-border-neutral-hover: #94959D;
  --color-border-neutral-light: #DBDBE1;
  --color-border-neutral-dark: #2E2F38;
  --color-border-primary: #3204AD;
  --color-border-primary-outline: #D2D1FB;
  --color-border-success: #C7D539;
  --color-border-success-hover: #91BD28;
  --color-border-warning: #EBBA0A;
  --color-border-warning-hover: #DDA013;
  --color-border-danger: #EE8469;
  --color-border-danger-hover: #D06148;
  --color-border-danger-outline: #FFD0C4;
  --color-border-success-outline: #DAEE8C;
  --color-border-transparent: transparent;
  --color-icon-default: #000044;
  --color-icon-neutral: #747580;
  --color-icon-neutral-light: #94959D;
  --color-icon-primary: #3204AD;
  --color-icon-primary-hover: #14017E;
  --color-icon-secondary: #4634ED;
  --color-icon-invert: #FFFFFF;
  --color-icon-success: #91BD28;
  --color-icon-warning: #DDA013;
  --color-icon-danger: #D06148;
  --color-fill-primary: #3204AD;
  --color-fill-secondary: #4634ED;
  --color-fill-secondary-light: #D2D1FB;
  --color-fill-success: #C7D539;
  --color-fill-warning: #EBBA0A;
  --color-fill-danger: #EE8469;
  --color-fill-invert: #FFFFFF;
  --color-overlay-transparent: transparent;
  --color-overlay-shadow: #1A1B2514;
  --color-overlay-backdrop: #1A1B2580;
  --color-overlay-hint: #1A1B25B3;
  --font-heading-xl: 700 4rem / 1.1 'Rational Display', system-ui;
  --font-heading-lg: 700 3rem / 1.1 'Rational Display', system-ui;
  --font-heading-md: 700 2rem / 1.2 'Rational Display', system-ui;
  --font-heading-sm: 700 1.5rem / 1.2 'Rational Display', system-ui;
  --font-heading-xs: 700 1.25rem / 1.4 'Rational Display', system-ui;
  --font-heading-2xs: 700 1rem / 1.4 'Rational Display', system-ui;
  --font-body-book-xl: 400 1.5rem / 1.4 'Rational Display', system-ui;
  --font-body-book-lg: 400 1.25rem / 1.4 'Rational Display', system-ui;
  --font-body-book-md: 400 1rem / 1.4 'Rational Display', system-ui;
  --font-body-book-sm: 400 0.75rem / 1.5 'Rational Display', system-ui;
  --font-body-medium-xl: 500 1.5rem / 1.4 'Rational Display', system-ui;
  --font-body-medium-lg: 500 1.25rem / 1.4 'Rational Display', system-ui;
  --font-body-medium-md: 500 1rem / 1.4 'Rational Display', system-ui;
  --font-body-medium-sm: 500 0.75rem / 1.5 'Rational Display', system-ui;
  --font-body-semibold-xl: 600 1.5rem / 1.4 'Rational Display', system-ui;
  --font-body-semibold-lg: 600 1.25rem / 1.4 'Rational Display', system-ui;
  --font-body-semibold-md: 600 1rem / 1.4 'Rational Display', system-ui;
  --font-body-semibold-sm: 600 0.75rem / 1.5 'Rational Display', system-ui;
  --font-body-bold-xl: 700 1.5rem / 1.4 'Rational Display', system-ui;
  --font-body-bold-lg: 700 1.25rem / 1.4 'Rational Display', system-ui;
  --font-body-bold-md: 700 1rem / 1.4 'Rational Display', system-ui;
  --font-body-bold-sm: 700 0.75rem / 1.5 'Rational Display', system-ui;
  --font-accent-md: 700 1rem / 1.2 'Space Mono', ui-monospace;
  --font-icon-regular-xl: 400 1.5rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-regular-lg: 400 1.25rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-regular-md: 400 1rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-regular-sm: 400 0.75rem / 1.5 'Font Awesome 6 Pro';
  --font-icon-solid-xl: 900 1.5rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-solid-lg: 900 1.25rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-solid-md: 900 1rem / 1.4 'Font Awesome 6 Pro';
  --font-icon-solid-sm: 900 0.75rem / 1.5 'Font Awesome 6 Pro';
  --font-value-size-heading-xl: 4rem;
  --font-value-size-heading-lg: 3rem;
  --font-value-size-heading-md: 2rem;
  --font-value-size-heading-sm: 1.5rem;
  --font-value-size-heading-xs: 1.25rem;
  --font-value-size-heading-2xs: 1rem;
  --font-value-size-body-xl: 1.5rem;
  --font-value-size-body-lg: 1.25rem;
  --font-value-size-body-md: 1rem;
  --font-value-size-body-sm: 0.75rem;
  --font-value-size-icon-xl: 1.5rem;
  --font-value-size-icon-lg: 1.25rem;
  --font-value-size-icon-md: 1rem;
  --font-value-size-icon-sm: 0.75rem;
  --font-value-weight-text-book: 400;
  --font-value-weight-text-medium: 500;
  --font-value-weight-text-semibold: 600;
  --font-value-weight-text-bold: 700;
  --font-value-weight-icon-regular: 400;
  --font-value-weight-icon-solid: 900;
  --font-value-line-height-heading-xl: 1.1;
  --font-value-line-height-heading-lg: 1.1;
  --font-value-line-height-heading-md: 1.2;
  --font-value-line-height-heading-sm: 1.2;
  --font-value-line-height-heading-xs: 1.4;
  --font-value-line-height-heading-2xs: 1.4;
  --font-value-line-height-body-xl: 1.4;
  --font-value-line-height-body-lg: 1.4;
  --font-value-line-height-body-md: 1.4;
  --font-value-line-height-body-sm: 1.5;
  --font-value-family-sans: 'Rational Display', system-ui;
  --font-value-family-mono: 'Space Mono', ui-monospace;
  --font-value-family-icon: 'Font Awesome 6 Pro';
  --shadow-sm: 0.0625rem 0.125rem 0.25rem 0 #1A1B2514;
  --shadow-sm-transparent: 0.0625rem 0.125rem 0.25rem 0 transparent;
  --shadow-md: 0.0625rem 0.25rem 0.5rem 0 #1A1B2514;
  --shadow-md-transparent: 0.0625rem 0.25rem 0.5rem 0 transparent;
  --shadow-lg: 0.0625rem 0.5rem 1rem 0 #1A1B2514;
  --shadow-lg-transparent: 0.0625rem 0.5rem 1rem 0 transparent;
  --spacing-none: 0;
  --spacing-3xs: 0.125rem;
  --spacing-2xs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3.5rem;
  --spacing-4xl: 5rem;
  --spacing-5xl: 7.5rem;
  --spacing-6xl: 10rem;
}