/*
 * AUTO-GENERATED from Figma: Ografi iOS UI Kit — 2026
 * Source: https://www.figma.com/design/MCDxzKsjWhMshCAhliWEjL/Ografi-iOS-UI-Kit-%E2%80%94-2026?node-id=0-1
 * Do not edit manually. Run scripts/figma-sync.mjs instead.
 */
:root {
    --figma-avatar-default-background: #f7f7f8;
    --figma-avatar-default-border-color: #e4e6ea;
    --figma-avatar-default-border-width: 1px;
    --figma-avatar-default-height: 44px;
    --figma-avatar-default-radius: 22px;
    --figma-avatar-default-width: 44px;
    --figma-bottom-sheet-default-background: #ffffff;
    --figma-bottom-sheet-default-border-width: 1px;
    --figma-bottom-sheet-default-font-size: 20px;
    --figma-bottom-sheet-default-font-weight: 600;
    --figma-bottom-sheet-default-gap: 14px;
    --figma-bottom-sheet-default-height: 260px;
    --figma-bottom-sheet-default-line-height: 24.2px;
    --figma-bottom-sheet-default-padding-bottom: 28px;
    --figma-bottom-sheet-default-padding-left: 20px;
    --figma-bottom-sheet-default-padding-right: 20px;
    --figma-bottom-sheet-default-padding-top: 12px;
    --figma-bottom-sheet-default-radius: 24px;
    --figma-bottom-sheet-default-text-color: #0a0a0b;
    --figma-bottom-sheet-default-width: 375px;
    --figma-button-primary-background: #0ea5e9;
    --figma-button-primary-border-width: 1px;
    --figma-button-primary-font-size: 16px;
    --figma-button-primary-font-weight: 600;
    --figma-button-primary-gap: 8px;
    --figma-button-primary-height: 48px;
    --figma-button-primary-line-height: 19.36px;
    --figma-button-primary-padding-bottom: 12px;
    --figma-button-primary-padding-left: 16px;
    --figma-button-primary-padding-right: 16px;
    --figma-button-primary-padding-top: 12px;
    --figma-button-primary-radius: 12px;
    --figma-button-primary-text-color: #ffffff;
    --figma-button-primary-width: 160px;
    --figma-chip-default-background: #f7f7f8;
    --figma-chip-default-border-color: #e4e6ea;
    --figma-chip-default-border-width: 1px;
    --figma-chip-default-font-size: 14px;
    --figma-chip-default-font-weight: 500;
    --figma-chip-default-height: 36px;
    --figma-chip-default-line-height: 16.94px;
    --figma-chip-default-padding-bottom: 8px;
    --figma-chip-default-padding-left: 12px;
    --figma-chip-default-padding-right: 12px;
    --figma-chip-default-padding-top: 8px;
    --figma-chip-default-radius: 18px;
    --figma-chip-default-text-color: #0a0a0b;
    --figma-chip-default-width: 96px;
    --figma-color-action-primary: #0ea5e9;
    --figma-color-bg-base: #ffffff;
    --figma-color-bg-surface: #f7f7f8;
    --figma-color-border-default: #ffffff;
    --figma-color-status-destructive: #ef4444;
    --figma-color-status-positive: #30b24a;
    --figma-color-text-primary: #0a0a0b;
    --figma-color-text-secondary: #737780;
    --figma-icon-button-default-background: #f7f7f8;
    --figma-icon-button-default-border-color: #e4e6ea;
    --figma-icon-button-default-border-width: 1px;
    --figma-icon-button-default-height: 44px;
    --figma-icon-button-default-radius: 22px;
    --figma-icon-button-default-width: 44px;
    --figma-post-card-default-background: #ffffff;
    --figma-post-card-default-border-color: #e4e6ea;
    --figma-post-card-default-border-width: 1px;
    --figma-post-card-default-font-size: 14px;
    --figma-post-card-default-font-weight: 600;
    --figma-post-card-default-gap: 12px;
    --figma-post-card-default-height: 240px;
    --figma-post-card-default-line-height: 16.94px;
    --figma-post-card-default-padding-bottom: 16px;
    --figma-post-card-default-padding-left: 16px;
    --figma-post-card-default-padding-right: 16px;
    --figma-post-card-default-padding-top: 16px;
    --figma-post-card-default-radius: 16px;
    --figma-post-card-default-text-color: #0a0a0b;
    --figma-post-card-default-width: 343px;
    --figma-radius-full: 20px;
    --figma-radius-lg: 16px;
    --figma-radius-md: 12px;
    --figma-radius-sm: 8px;
    --figma-radius-xl: 20px;
    --figma-search-field-default-background: #f7f7f8;
    --figma-search-field-default-border-width: 1px;
    --figma-search-field-default-font-size: 16px;
    --figma-search-field-default-font-weight: 400;
    --figma-search-field-default-gap: 8px;
    --figma-search-field-default-height: 44px;
    --figma-search-field-default-line-height: 19.36px;
    --figma-search-field-default-padding-bottom: 10px;
    --figma-search-field-default-padding-left: 12px;
    --figma-search-field-default-padding-right: 12px;
    --figma-search-field-default-padding-top: 10px;
    --figma-search-field-default-radius: 12px;
    --figma-search-field-default-text-color: #737780;
    --figma-search-field-default-width: 343px;
    --figma-space-2xl: 24px;
    --figma-space-3xl: 32px;
    --figma-space-lg: 16px;
    --figma-space-md: 12px;
    --figma-space-sm: 8px;
    --figma-space-xl: 20px;
    --figma-space-xs: 4px;
    --figma-tab-bar-default-background: #ffffff;
    --figma-tab-bar-default-border-color: #e4e6ea;
    --figma-tab-bar-default-border-width: 1px;
    --figma-tab-bar-default-font-size: 11px;
    --figma-tab-bar-default-font-weight: 500;
    --figma-tab-bar-default-height: 74px;
    --figma-tab-bar-default-line-height: 13.31px;
    --figma-tab-bar-default-padding-bottom: 18px;
    --figma-tab-bar-default-padding-left: 18px;
    --figma-tab-bar-default-padding-right: 18px;
    --figma-tab-bar-default-padding-top: 10px;
    --figma-tab-bar-default-text-color: #0ea5e9;
    --figma-tab-bar-default-width: 375px;
    --figma-type-body-family: "Inter";
    --figma-type-body-line-height: 20.57px;
    --figma-type-body-size: 17px;
    --figma-type-body-weight: 400;
    --figma-type-caption-family: "Inter";
    --figma-type-caption-line-height: 14.52px;
    --figma-type-caption-size: 12px;
    --figma-type-caption-weight: 500;
    --figma-type-footnote-family: "Inter";
    --figma-type-footnote-line-height: 15.73px;
    --figma-type-footnote-size: 13px;
    --figma-type-footnote-weight: 400;
    --figma-type-headline-family: "Inter";
    --figma-type-headline-line-height: 20.57px;
    --figma-type-headline-size: 17px;
    --figma-type-headline-weight: 600;
    --figma-type-large-title-family: "Inter";
    --figma-type-large-title-line-height: 41.15px;
    --figma-type-large-title-size: 34px;
    --figma-type-large-title-weight: 700;
    --figma-type-subheadline-family: "Inter";
    --figma-type-subheadline-line-height: 18.15px;
    --figma-type-subheadline-size: 15px;
    --figma-type-subheadline-weight: 400;
    --figma-type-title-2-family: "Inter";
    --figma-type-title-2-line-height: 26.63px;
    --figma-type-title-2-size: 22px;
    --figma-type-title-2-weight: 600;
    --figma-video-card-default-background: #ffffff;
    --figma-video-card-default-border-color: #e4e6ea;
    --figma-video-card-default-border-width: 1px;
    --figma-video-card-default-font-size: 17px;
    --figma-video-card-default-font-weight: 600;
    --figma-video-card-default-gap: 10px;
    --figma-video-card-default-height: 280px;
    --figma-video-card-default-line-height: 20.57px;
    --figma-video-card-default-padding-bottom: 12px;
    --figma-video-card-default-padding-left: 12px;
    --figma-video-card-default-padding-right: 12px;
    --figma-video-card-default-padding-top: 12px;
    --figma-video-card-default-radius: 16px;
    --figma-video-card-default-text-color: #0a0a0b;
    --figma-video-card-default-width: 343px;
}

[data-figma-node="1:143"] {
    min-height: var(--figma-button-primary-height, 48px) !important;
    padding-left: var(--figma-button-primary-padding-left, 16px) !important;
    padding-right: var(--figma-button-primary-padding-right, 16px) !important;
    border-radius: var(--figma-button-primary-radius, 12px) !important;
    background-color: var(--figma-button-primary-background, var(--figma-color-action-primary, #0ea5e9)) !important;
    color: var(--figma-button-primary-text-color, #ffffff) !important;
    font-size: var(--figma-button-primary-font-size, 16px) !important;
    font-weight: var(--figma-button-primary-font-weight, 600) !important;
}

article.post-card[data-post-card-shell] {
    border-color: var(--figma-post-card-default-border-color, var(--figma-color-border-default, #e4e6ea)) !important;
    border-radius: var(--figma-post-card-default-radius, var(--figma-radius-lg, 16px)) !important;
    background-color: var(--figma-post-card-default-background, var(--figma-color-bg-base, #ffffff)) !important;
}